Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 3176 Rev 3180
1
<!DOCTYPE html>
1
<!DOCTYPE html>
2
<html xmlns="http://www.w3.org/1999/xhtml">
2
<html xmlns="http://www.w3.org/1999/xhtml">
3
  <head>
3
  <head>
4
    <title><?php echo $mode; ?> de widget de saisie du CeL</title>
4
    <title><?php echo $mode; ?> de widget de saisie du CeL</title>
5
 
5
 
6
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
6
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
7
    <meta http-equiv="Content-style-type" content="text/css" />
7
    <meta http-equiv="Content-style-type" content="text/css" />
8
    <meta http-equiv="Content-script-type" content="text/javascript" />
8
    <meta http-equiv="Content-script-type" content="text/javascript" />
9
    <meta http-equiv="Content-language" content="fr" />
9
    <meta http-equiv="Content-language" content="fr" />
10
    <meta name="revisit-after" content="15 days" />
10
    <meta name="revisit-after" content="15 days" />
11
    <meta name="robots" content="index,follow" />
11
    <meta name="robots" content="index,follow" />
12
    <meta name="author" content="Tela Botanica" />
12
    <meta name="author" content="Tela Botanica" />
13
    <meta name="keywords" content="Tela Botanica, CEL" />
13
    <meta name="keywords" content="Tela Botanica, CEL" />
14
    <meta name="description" content="Gestion des widgets de saisie du carnet en ligne" />
14
    <meta name="description" content="Gestion des widgets de saisie du carnet en ligne" />
15
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
15
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
16
 
16
 
17
    <!-- OpenGraph pour Facebook, Pinterest, Google+ -->
17
    <!-- OpenGraph pour Facebook, Pinterest, Google+ -->
18
    <meta property="og:type" content="website" />
18
    <meta property="og:type" content="website" />
19
    <meta property="og:title" content="Gestion des widgets de saisie du CeL" />
19
    <meta property="og:title" content="Gestion des widgets de saisie du CeL" />
20
    <meta property="og:site_name" content="Tela Botanica" />
20
    <meta property="og:site_name" content="Tela Botanica" />
21
    <meta property="og:description" content="Gestion des widgets de saisie du Carnet en Ligne" />
21
    <meta property="og:description" content="Gestion des widgets de saisie du Carnet en Ligne" />
22
    <meta property="og:image" content="https://resources.tela-botanica.org/tb/img/256x256/carre_englobant.png" />
22
    <meta property="og:image" content="https://resources.tela-botanica.org/tb/img/256x256/carre_englobant.png" />
23
    <meta property="og:image:type" content="image/png" />
23
    <meta property="og:image:type" content="image/png" />
24
    <meta property="og:image:width" content="256" />
24
    <meta property="og:image:width" content="256" />
25
    <meta property="og:image:height" content="256" />
25
    <meta property="og:image:height" content="256" />
26
    <meta property="og:locale" content="fr_FR" />
26
    <meta property="og:locale" content="fr_FR" />
27
 
27
 
28
    <!-- Favicones -->
28
    <!-- Favicones -->
29
    <link rel="shortcut icon" type="image/x-icon" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
29
    <link rel="shortcut icon" type="image/x-icon" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
30
 
30
 
31
    <!-- Jquery -->
31
    <!-- Jquery -->
32
    <script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.min.js"></script>
32
    <script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.min.js"></script>
33
    <script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery-ui-1.8.17.custom.min.js"></script>
33
    <script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery-ui-1.8.17.custom.min.js"></script>
34
    <script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery.ui.datepicker-fr.js"></script>
34
    <script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery.ui.datepicker-fr.js"></script>
35
    <script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.9.0/jquery.validate.js"></script>
35
    <script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.9.0/jquery.validate.js"></script>
36
    <script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.9.0/messages_fr.js"></script>
36
    <script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.9.0/messages_fr.js"></script>
37
    <script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/form/2.95/jquery.form.min.js"></script>
37
    <script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/form/2.95/jquery.form.min.js"></script>
38
    <script src="https://resources.tela-botanica.org/bootstrap/3.1.0/js/bootstrap.min.js"></script>
38
    <script src="https://resources.tela-botanica.org/bootstrap/3.1.0/js/bootstrap.min.js"></script>
39
 
39
 
40
    <!-- Barre de navigation -->
40
    <!-- Barre de navigation -->
41
    <?php if ($bar !== false): ?>
41
    <?php if ($bar !== false): ?>
42
            <script src="<?php echo $url_script_navigation; ?>"></script>
42
            <script src="<?php echo $url_script_navigation; ?>"></script>
43
    <?php endif; ?>
43
    <?php endif; ?>
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" />
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">
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">
50
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous">
50
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous">
51
 
51
 
52
    <!--  Google Analytics -->
52
    <!--  Google Analytics -->
53
    <?php if($prod): ?>
53
    <?php if($prod): ?>
54
      <?php include "analytics.html"; ?>
54
      <?php include "analytics.html"; ?>
55
    <?php endif; ?>
55
    <?php endif; ?>
56
  </head>
56
  </head>
57
 
57
 
58
  <body>
58
  <body>
59
    <div id="zone-appli" class="container">
59
    <div id="zone-appli" class="container">
60
    <?php if ($bar !== false): ?>
60
    <?php if ($bar !== false): ?>
61
      <div id="tb-navigation" data-courant="widget-cel-export" data-squelette="bootstrap3" data-mode="prod"></div>
61
      <div id="tb-navigation" data-courant="widget-cel-export" data-squelette="bootstrap3" data-mode="prod"></div>
62
      <br/>
62
      <br/>
63
    <?php endif; ?>
63
    <?php endif; ?>
64
      <h1 id="widget-titre" class="widget-titre"><?php echo ucfirst($mode); ?> de widget de saisie du CEL</h1>
64
      <h1 id="widget-titre" class="widget-titre"><?php echo ucfirst($mode); ?> de widget de saisie du CEL</h1>
65
      <div id="register-page">
65
      <div id="register-page">
66
        <div id="group-settings-form" class="row">
66
        <div id="group-settings-form" class="row">
67
 
67
 
68
          <div class="widget-blocks col-md-4">
68
          <div class="widget-blocks col-md-4">
69
 
69
 
70
            <p class="message">
70
            <p class="message">
71
              <?php if ($mode === 'modification') : ?>
71
              <?php if ($mode === 'modification') : ?>
72
                Attention vous modifiez un widget déjà existant, le tag et la langue ne peuvent pas être changer.
72
                Attention vous modifiez un widget déjà existant, le tag et la langue ne peuvent pas être changer.
73
                S'il s'agit d'un projet type, en modifiant ce widget vous modifiez tous les widgets de ce type.
73
                S'il s'agit d'un projet type, en modifiant ce widget vous modifiez tous les widgets de ce type.
74
              <?php else : ?>
74
              <?php else : ?>
75
                Vous créez un widget, si vous choississez de le mettre dans un type, certains champs deviendront
75
                Vous créez un widget, si vous choississez de le mettre dans un type, certains champs deviendront
76
                obligatoires et la localisation (point ou rue) sera automatiquement déterminée.
76
                obligatoires et la localisation (point ou rue) sera automatiquement déterminée.
77
              <?php endif; ?>
77
              <?php endif; ?>
78
            </p>
78
            </p>
79
 
79
 
80
            <form action="http://localhost/cel/widget/manager?mode=<?php echo $mode; ?>" id="basic-widget-form" class="standard-form component component-text" method="post" enctype="multipart/form-data">
80
            <form action="http://localhost/cel/widget/manager?mode=<?php echo $mode; ?>" id="basic-widget-form" class="standard-form component component-text" method="post" enctype="multipart/form-data">
81
              <div class="register-section" id="basic-details-section">
81
              <div class="register-section" id="basic-details-section">
82
 
82
 
83
                <h2>Meta-données</h2>
83
                <h2>Meta-données</h2>
84
 
84
 
85
                <?php //var_dump($widget); ?>
85
                <?php //var_dump($widget); ?>
86
                <label for="projet">Projet *</label>
86
                <label for="projet">Projet *</label>
87
                <input type="text" name="projet" id="projet" pattern="[a-z]*" <?php echo ($mode === 'modification') ? 'value="'.$widget['projet'].'" readonly' : 'required'; ?> title="Champ obligatoire : pas d'espace" />
87
                <input type="text" name="projet" id="projet" pattern="[a-z]*" <?php echo ($mode === 'modification') ? 'value="'.$widget['projet'].'" readonly' : 'required'; ?> title="Champ obligatoire : pas d'espace" />
88
 
88
 
89
                <label for="motscles">Autres mots-clés</label>
89
                <label for="motscles">Autres mots-clés</label>
90
                <input type="text" name="motscles" id="motscles" value="" />
90
                <input type="text" name="motscles" id="motscles" value="" />
91
 
91
 
92
                <label for="type">Type de widget</label>
92
                <label for="type">Type de widget</label>
93
                <div class="select-wrapper">
93
                <div class="select-wrapper">
94
                  <select  id="type" name="type" >
94
                  <select  id="type" name="type" >
95
                    <?php foreach ($type as $id => $projet) : ?>
95
                    <?php foreach ($type as $id => $projet) : ?>
96
                      <option <?php echo (isset($widget['projet']) && $projet['projet']== $widget['projet']) ? 'selected="selected"' : ''; ?> value="<?php echo $projet['projet']; ?>"><?php echo $projet['projet']; ?></option>
96
                      <option <?php echo (isset($widget['projet']) && $projet['projet']== $widget['projet']) ? 'selected="selected"' : ''; ?> value="<?php echo $projet['projet']; ?>"><?php echo $projet['projet']; ?></option>
97
                    <?php endforeach; ?>
97
                    <?php endforeach; ?>
98
                    <option value=""> ----</option>
98
                    <option value=""> ----</option>
99
                  </select>
99
                  </select>
100
                </div>
100
                </div>
101
 
101
 
102
                <label for="est_type">Ce widget est un widget type</label>
102
                <label for="est_type">Ce widget est un widget type</label>
103
                <input type="checkbox" name="est_type" id="est_type" <?php echo (isset($widget['est_type']) && $projet['est_type']=== '1') ? 'checked="checked"' : ''; ?>>
103
                <input type="checkbox" name="est_type" id="est_type" <?php echo (isset($widget['est_type']) && $projet['est_type']=== '1') ? 'checked="checked"' : ''; ?>>
104
 
104
 
105
                <label for="langue">Langue</label>
105
                <label for="langue">Langue</label>
106
                <?php if ($mode === 'modification') : ?>
106
                <?php if ($mode === 'modification') : ?>
107
                  <input id="langue" name="langue" readonly value="<?php echo $widget['langue']; ?>">
107
                  <input id="langue" name="langue" readonly value="<?php echo $widget['langue']; ?>">
108
                <?php else : ?>
108
                <?php else : ?>
109
                  <input id="langue" name="langue" list="langues">
109
                  <input id="langue" name="langue" list="langues">
110
                  <datalist id="langues" >
110
                  <datalist id="langues" >
111
                  <?php foreach ($langues as $code => $langue) : ?>
111
                  <?php foreach ($langues as $code => $langue) : ?>
112
                    <option value="<?php echo $code; ?>"><?php echo $langue['nom']; ?></option>
112
                    <option value="<?php echo $code; ?>"><?php echo $langue['nom']; ?></option>
113
                  <?php endforeach; ?>
113
                  <?php endforeach; ?>
114
                  </datalist>
114
                  </datalist>
115
                <?php endif; ?>
115
                <?php endif; ?>
116
              </div><!-- end #basic-details-section -->
116
              </div><!-- end #basic-details-section -->
117
 
117
 
118
 
118
 
119
              <div class="register-section" id="profile-details-description-section">
119
              <div class="register-section" id="profile-details-description-section">
120
                <h2>Description</h2>
120
                <h2>Description</h2>
121
                <label for="titre">Titre</label>
121
                <label for="titre">Titre</label>
122
                <input type="text" name="titre" id="titre" value="<?php echo isset($widget['titre']) ? $widget['titre'] : ''; ?>">
122
                <input type="text" name="titre" id="titre" value="<?php echo isset($widget['titre']) ? $widget['titre'] : ''; ?>">
123
 
123
 
124
                <label for="description">Description</label>
124
                <label for="description">Description</label>
125
                <textarea name="description" id="description"><?php echo isset($widget['description']) ? $widget['description'] : ''; ?></textarea>
125
                <textarea name="description" id="description"><?php echo isset($widget['description']) ? $widget['description'] : ''; ?></textarea>
126
 
126
 
127
                <div class="input-file-container">
127
                <div class="input-file-container">
128
 
128
 
129
                  <?php
129
                  <?php
130
                    if( isset( $widget['logo'] ) ) :
130
                    if( isset( $widget['logo'] ) ) :
131
                      $logo_src = $widget['logo'];
131
                      $logo_src = $widget['logo'];
132
                      $logo_img =
132
                      $logo_img =
133
                        '<img id="pre-existent-logo" src="' . $logo_src . '"><br>Pour changer, télécharger un nouveau fichier.';
133
                        '<img id="pre-existent-logo" src="' . $logo_src . '"><br>Pour changer, télécharger un nouveau fichier.';
134
                      $logo_hidden = '';
134
                      $logo_hidden = '';
135
                      $logo_file_name = array_reverse(explode('/', $logo_src));
135
                      $logo_file_name = array_reverse(explode('/', $logo_src));
136
                    else :
136
                    else :
137
                      $logo_src = '';
137
                      $logo_src = '';
138
                      $logo_img = '';
138
                      $logo_img = '';
139
                      $logo_hidden = ' hidden';
139
                      $logo_hidden = ' hidden';
140
                      $logo_file_name = [];
140
                      $logo_file_name = [];
141
                    endif;
141
                    endif;
142
                  ?>
142
                  ?>
143
 
143
 
144
                  <input type="file" class="input-file" name="logo" id="logo"  accept="image" value="<?php echo $logo_src; ?>">
144
                  <input type="file" class="input-file" name="logo" id="logo"  accept="image" value="<?php echo $logo_src; ?>">
145
                  <label for="logo" class="label-file"><i class="fas fa-download"></i> Logo</label>
145
                  <label for="logo" class="label-file"><i class="fas fa-download"></i> Logo</label>
146
                </div>
146
                </div>
147
                <div class="remove-file button" name="remove-file" title="Supprimer le fichier">
147
                <div class="remove-file button" name="remove-file" title="Supprimer le fichier">
148
                  <i class="fas fa-times" aria-hidden="true"></i>
148
                  <i class="fas fa-times" aria-hidden="true"></i>
149
                </div>
149
                </div>
150
                <div class="file-return logo<?php echo $logo_hidden; ?>">
150
                <div class="file-return logo<?php echo $logo_hidden; ?>">
151
                  <?php echo $logo_file_name[0]; ?>
151
                  <?php echo $logo_file_name[0]; ?>
152
                  <?php echo $logo_img; ?>
152
                  <?php echo $logo_img; ?>
153
                </div>
153
                </div>
154
 
154
 
155
 
155
 
156
                <div class="input-file-container">
156
                <div class="input-file-container">
157
                    <input type="file" class="input-file" name="fond" id="fond" value="<?php echo $widget['titre']; ?>">
157
                    <input type="file" class="input-file" name="fond" id="fond" value="<?php echo $widget['titre']; ?>">
158
                    <label for="fond" class="label-file"><i class="fas fa-download"></i> Image de fond</label>
158
                    <label for="fond" class="label-file"><i class="fas fa-download"></i> Image de fond</label>
159
                </div>
159
                </div>
160
                <div class="remove-file button" name="remove-file" title="Supprimer le fichier"><i class="fas fa-times" aria-hidden="true"></i></div>
160
                <div class="remove-file button" name="remove-file" title="Supprimer le fichier"><i class="fas fa-times" aria-hidden="true"></i></div>
161
                <div class="file-return fond hidden"></div>
161
                <div class="file-return fond hidden"></div>
162
              </div><!-- end #profile-details-description-section -->
162
              </div><!-- end #profile-details-description-section -->
163
 
163
 
164
              <div class="register-section" id="profile-details-fields-section">
164
              <div class="register-section" id="profile-details-fields-section">
165
                <h2>Champs</h2>
165
                <h2>Champs</h2>
166
                <label for="type_localisation">Type de localisation</label>
166
                <label for="type_localisation">Type de localisation</label>
167
                <div class="select-wrapper">
167
                <div class="select-wrapper">
168
                  <select  id="type_localisation" name="type_localisation" >
168
                  <select  id="type_localisation" name="type_localisation" >
169
                    <option value="<?php echo (isset($widget['type_localisation'])) ? $widget['type_localisation'] : 'point'; ?>"><?php echo (isset($widget['type_localisation'])) ? $widget['type_localisation'] : 'point'; ?></option>
169
                    <option value="<?php echo (isset($widget['type_localisation'])) ? $widget['type_localisation'] : 'point'; ?>"><?php echo (isset($widget['type_localisation'])) ? $widget['type_localisation'] : 'point'; ?></option>
170
                    <option value="<?php echo (isset($widget['type_localisation']) && $widget['type_localisation'] == 'rue') ? 'point' : 'rue'; ?>"><?php echo (isset($widget['type_localisation']) && $widget['type_localisation'] == 'rue') ? 'point' : 'rue'; ?></option>
170
                    <option value="<?php echo (isset($widget['type_localisation']) && $widget['type_localisation'] == 'rue') ? 'point' : 'rue'; ?>"><?php echo (isset($widget['type_localisation']) && $widget['type_localisation'] == 'rue') ? 'point' : 'rue'; ?></option>
171
                  </select>
171
                  </select>
172
                </div>
172
                </div>
173
 
173
 
174
                <label for="localisation">Zoom</label>
174
                <label for="localisation">Zoom</label>
175
                <input type="text" name="localisation" id="localisation" value="<?php echo isset($widget['localisation']) ? $widget['localisation'] : ''; ?>"  />
175
                <input type="text" name="localisation" id="localisation" value="<?php echo isset($widget['localisation']) ? $widget['localisation'] : ''; ?>"  />
176
 
176
 
177
                <label for="milieux">Milieux</label>
177
                <label for="milieux">Milieux</label>
178
                <input type="text" name="milieux" id="milieux" value="<?php echo isset($widget['milieux']) ? $widget['milieux'] : ''; ?>">
178
                <input type="text" name="milieux" id="milieux" value="<?php echo isset($widget['milieux']) ? $widget['milieux'] : ''; ?>">
179
 
179
 
180
                <label for="type_especes">Type liste espèce *</label>
180
                <label for="type_especes">Type liste espèce *</label>
181
                <div class="select-wrapper">
181
                <div class="select-wrapper">
182
                  <select  id="type_especes" name="type_especes" required>
182
                  <select  id="type_especes" name="type_especes" required>
183
                    <option selected="selected" value="referentiel">Référentiel</option>
183
                    <option selected="selected" value="referentiel">Référentiel</option>
184
                    <option value="liste">Liste</option>
184
                    <option value="liste">Liste</option>
185
                    <option value="liste" title="remplir référentiel + envoyer csv">Liste + autres</option>
185
                    <option value="liste" title="remplir référentiel + envoyer csv">Liste + autres</option>
186
                    <option value="fixe">Espèce fixée</option>
186
                    <option value="fixe">Espèce fixée</option>
187
                  </select>
187
                  </select>
188
                </div>
188
                </div>
189
 
189
 
190
                <label for="referentiel">Référentiel *</label>
190
                <label for="referentiel">Référentiel *</label>
191
                <input type="text" name="referentiel" id="referentiel" required pattern="([a-z]+?)*" title="Nom du référentiel ex. bdtfx" value="<?php echo isset($widget['referentiel']) ? $widget['referentiel'] : ''; ?>">
191
                <input type="text" name="referentiel" id="referentiel" required pattern="([a-z]+?)*" title="Nom du référentiel ex. bdtfx" value="<?php echo isset($widget['referentiel']) ? $widget['referentiel'] : ''; ?>">
192
 
192
 
193
                <!-- Bouton fichier-type à compléter -->
193
                <!-- Bouton fichier-type à compléter -->
194
                <div class="input-file-container">
194
                <div class="input-file-container">
195
                  <input type="file" class="input-file" name="especes" id="especes">
195
                  <input type="file" class="input-file" name="especes" id="especes">
196
                  <label for="especes"class="label-file"><i class="fas fa-download"></i> Espèces</label>
196
                  <label for="especes"class="label-file"><i class="fas fa-download"></i> Espèces</label>
197
                </div>
197
                </div>
198
                <div class="remove-file button" name="remove-file" title="Supprimer le fichier"><i class="fas fa-times" aria-hidden="true"></i></div>
198
                <div class="remove-file button" name="remove-file" title="Supprimer le fichier"><i class="fas fa-times" aria-hidden="true"></i></div>
199
                <a href="#" class="button fichier-type"><i class="fas fa-file-alt" aria-hidden="true"></i> Fichier type</a>
199
                <a href="#" class="button fichier-type"><i class="fas fa-file-alt" aria-hidden="true"></i> Fichier type</a>
200
                <div class="file-return especes hidden"></div>
200
                <div class="file-return especes hidden"></div>
201
              </div><!-- end #profile-details-fields-section -->
201
              </div><!-- end #profile-details-fields-section -->
202
 
202
 
203
              <!--Submit-->
203
              <!--Submit-->
204
              <div class="submit complete-registration" id="submit-button">
204
              <div class="submit complete-registration" id="submit-button">
205
                <button href="#" type="submit" name="signup_submit" id="signup_submit" class="button" target="" title="Soumettre le nouveau widget"><i class="fas fa-trophy" aria-hidden="true"></i>&nbsp;Terminer</button>
205
                <button href="#" type="submit" name="signup_submit" id="signup_submit" class="button" target="" title="Soumettre le nouveau widget"><i class="fas fa-trophy" aria-hidden="true"></i>&nbsp;Terminer</button>
206
              </div>
206
              </div>
207
              <!--Submit-->
207
              <!--Submit-->
208
 
208
 
209
            </form><!-- end #new-widget-form -->
209
            </form><!-- end #new-widget-form -->
210
 
210
 
211
            <form id="new-fields" autocomplete="off">
211
            <form id="new-fields" autocomplete="off">
212
                <h2>Ajouter des champs</h2>
212
                <h2>Ajouter des champs</h2>
213
                <p class="message">
213
                <p class="message">
214
                  <i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>
214
                  <i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>
215
                  &nbsp;Attention :
215
                  &nbsp;Attention :
216
                  <br>
216
                  <br>
217
                  <i class="fa fa-bolt" aria-hidden="true"  style="color:#B3C954"></i>
217
                  <i class="fa fa-bolt" aria-hidden="true"  style="color:#B3C954"></i>
218
                  &nbsp;Le bouton "Valider" sert à valider les champs supplémentaires uniquement
218
                  &nbsp;Le bouton "Valider" sert à valider les champs supplémentaires uniquement
219
                  <br>
219
                  <br>
220
                  <i class="fas fa-trophy" aria-hidden="true"  style="color:#B3C954"></i>
220
                  <i class="fas fa-trophy" aria-hidden="true"  style="color:#B3C954"></i>
221
                  &nbsp;Le bouton "Terminer" sert à envoyer la totalité du nouveau widget
221
                  &nbsp;Le bouton "Terminer" sert à envoyer la totalité du nouveau widget
222
                </p>
222
                </p>
223
            </form><!-- #new-fields = fomulaire oû viennent s'insérer les champs supplémentaires -->
223
            </form><!-- #new-fields = fomulaire oû viennent s'insérer les champs supplémentaires -->
224
 
224
 
225
            <div class="row">
225
            <div class="row">
226
              <div class="col-md-4 col-sm-4 col-xs-4 buttons">
226
              <div class="col-md-4 col-sm-4 col-xs-4 buttons">
227
                <label class="add-fields">Ajouter</label>
227
                <label class="add-fields">Ajouter</label>
228
                <div class="button" id="add-fields" title="Ajouter un champ"><i class="fa fa-plus" aria-hidden="true"></i></div>
228
                <div class="button" id="add-fields" title="Ajouter un champ"><i class="fa fa-plus" aria-hidden="true"></i></div>
229
              </div>
229
              </div>
230
              <div class="col-md-4 col-sm-4 col-xs-4 buttons">
230
              <div class="col-md-4 col-sm-4 col-xs-4 buttons">
231
                <label for="preview-field">Prévisualiser</label>
231
                <label for="preview-field">Prévisualiser</label>
232
                <div class="button" id="preview-field" name="preview-field" title="prévisualiser"><i class="fa fa-magic" aria-hidden="true"></i></div>
232
                <div class="button" id="preview-field" name="preview-field" title="prévisualiser"><i class="fa fa-magic" aria-hidden="true"></i></div>
233
              </div>
233
              </div>
234
              <div class="col-md-4 col-sm-4 col-xs-4 buttons">
234
              <div class="col-md-4 col-sm-4 col-xs-4 buttons">
235
                <label class="validate-new-fields">Valider</label>
235
                <label class="validate-new-fields">Valider</label>
236
                <div class="button" id="validate-new-fields" title="Valider les champs supplémentaires"><i class="fa fa-bolt" aria-hidden="true"></i></div>
236
                <div class="button" id="validate-new-fields" title="Valider les champs supplémentaires"><i class="fa fa-bolt" aria-hidden="true"></i></div>
237
              </div>
237
              </div>
238
            </div>
238
            </div>
239
 
239
 
240
            <hr>
240
            <hr>
241
 
241
 
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">
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" style="background:rgba(248, 245, 239, 0.6);">
247
 
247
 
248
              <div id="preview-header" class="row">
248
              <div id="preview-header" class="row">
249
                  <div id="preview-logo" class="col-md-4">
249
                  <div id="preview-logo" class="col-md-4">
250
                    <img src="" alt="" width="75%">
250
                    <img src="" alt="" width="75%">
251
                  </div>
251
                  </div>
252
                  <div id="preview-title" class="col-md-8">
252
                  <div id="preview-title" class="col-md-8">
253
                    <h1></h1>
253
                    <h1></h1>
254
                  </div>
254
                  </div>
255
 
255
 
256
              </div>
256
              </div>
257
 
257
 
258
              <div id="preview-messages" class="row">
258
              <div id="preview-messages" class="row">
259
 
259
 
260
                <div id="preview-description" class="col-md-7">
260
                <div id="preview-description" class="col-md-7">
261
                  <div class="message">
261
                  <div class="message">
262
                    <h3>
262
                    <h3>
263
                      <span>Projet : </span>
263
                      <span>Projet : </span>
264
                      <span class="projet-description"></span>
264
                      <span class="projet-description"></span>
265
                    </h3>
265
                    </h3>
266
                    <p class="preview-description"></p>
266
                    <p class="preview-description"></p>
267
                  </div>
267
                  </div>
268
                </div><!-- end #preview-description -->
268
                </div><!-- end #preview-description -->
269
 
269
 
270
                <div id="preview-aide" class="col-md-5">
270
                <div id="preview-aide" class="col-md-5">
271
                  <div class="message">
271
                  <div class="message">
272
                    <h3>Aide</h3>
272
                    <h3>Aide</h3>
273
                    <p>
273
                    <p>
274
                      Cet outil vous permet de partager simplement vos observations avec
274
                      Cet outil vous permet de partager simplement vos observations avec
275
                      le <a target="_blank" href="https://www.tela-botanica.org/site:accueil">réseau Tela Botanica</a>
275
                      le <a target="_blank" href="https://www.tela-botanica.org/site:accueil">réseau Tela Botanica</a>
276
                      (<a target="_blank" href="https://www.tela-botanica.org/page:licence">licence CC-BY-SA</a>).
276
                      (<a target="_blank" href="https://www.tela-botanica.org/page:licence">licence CC-BY-SA</a>).
277
                      Identifiez-vous bien pour ensuite retrouver et gérer vos données dans votre
277
                      Identifiez-vous bien pour ensuite retrouver et gérer vos données dans votre
278
                      <a target="_blank" href="https://www.tela-botanica.org/appli:cel"> Carnet en ligne</a>.
278
                      <a target="_blank" href="https://www.tela-botanica.org/appli:cel"> Carnet en ligne</a>.
279
                      Créez jusqu'à 10 observations (avec 10Mo max d'images) puis partagez-les avec le bouton 'transmettre'.
279
                      Créez jusqu'à 10 observations (avec 10Mo max d'images) puis partagez-les avec le bouton 'transmettre'.
280
                      Elles apparaissent immédiatement sur les
280
                      Elles apparaissent immédiatement sur les
281
                      <a target="_blank" href="https://www.tela-botanica.org/site:botanique">cartes et galeries photos </a> du site.
281
                      <a target="_blank" href="https://www.tela-botanica.org/site:botanique">cartes et galeries photos </a> du site.
282
                    </p>
282
                    </p>
283
                    <p class="discretion">
283
                    <p class="discretion">
284
                      Pour toute question ou remarque,
284
                      Pour toute question ou remarque,
285
                      <a href="https://www.tela-botanica.org/widget:reseau:remarques?service=cel&pageSource=http%3A%2F%2Flocalhost%2Fcel%2Fwidget%2Findex.php%2F%3Fprojet%3Dbase" target="_blank" onclick=
285
                      <a href="https://www.tela-botanica.org/widget:reseau:remarques?service=cel&pageSource=http%3A%2F%2Flocalhost%2Fcel%2Fwidget%2Findex.php%2F%3Fprojet%3Dbase" target="_blank" onclick=
286
                      "
286
                      "
287
                        javascript:window.open(
287
                        javascript:window.open(
288
                          this.getAttribute('href'),
288
                          this.getAttribute('href'),
289
                          'Tela Botanica - Remarques',
289
                          'Tela Botanica - Remarques',
290
                          config='height=700, width=640, scrollbars=yes, resizable=yes'
290
                          config='height=700, width=640, scrollbars=yes, resizable=yes'
291
                        );
291
                        );
292
                        return false;
292
                        return false;
293
                      ">contactez-nous</a>
293
                      ">contactez-nous</a>
294
                    </p>
294
                    </p>
295
                  </div>
295
                  </div>
296
                </div>
296
                </div>
297
              </div><!-- end #preview-aide -->
297
              </div><!-- end #preview-aide -->
298
 
298
 
299
              <div id="preview-formulaire" class="row">
299
              <div id="preview-formulaire" class="row">
300
 
300
 
301
                <form id="preview-form-observateur" role="form" autocomplete="on">
301
                <form id="preview-form-observateur" role="form" autocomplete="on">
302
 
302
 
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 align-items-center">
306
 
306
 
307
                    <div class="col-md-6">
307
                    <div class="col-md-6">
308
                      <label for="courriel" class="" title="Veuillez saisir votre adresse courriel.">
308
                      <label for="courriel" class="" title="Veuillez saisir votre adresse courriel.">
309
                        <strong class="obligatoire">*</strong>Courriel
309
                        <strong class="obligatoire">*</strong>Courriel
310
                      </label>
310
                      </label>
311
                      <div class="input-group">
311
                      <div class="input-group">
312
                        <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
312
                        <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
313
                        <input type="email" id="courriel" name="courriel" class="form-control" title="Veuillez saisir votre adresse courriel. ">
313
                        <input type="email" id="courriel" name="courriel" class="form-control" title="Veuillez saisir votre adresse courriel. ">
314
                        <input type="hidden" id="id_utilisateur" name="id_utilisateur">
314
                        <input type="hidden" id="id_utilisateur" name="id_utilisateur">
315
                      </div>
315
                      </div>
316
                    </div>
316
                    </div>
317
 
317
 
318
                    <div id="zone-courriel-confirmation" class="col-md-6 ">
318
                    <div id="zone-courriel-confirmation" class="col-md-6 ">
319
                      <label for="courriel_confirmation" class="" title="Veuillez confirmer le courriel.">
319
                      <label for="courriel_confirmation" class="" title="Veuillez confirmer le courriel.">
320
                        <strong class="obligatoire">*</strong> Courriel (confirmation)
320
                        <strong class="obligatoire">*</strong> Courriel (confirmation)
321
                      </label>
321
                      </label>
322
                      <div class="input-group">
322
                      <div class="input-group">
323
                        <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
323
                        <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
324
                        <input type="email" id="courriel_confirmation" name="courriel_confirmation" class="form-control">
324
                        <input type="email" id="courriel_confirmation" name="courriel_confirmation" class="form-control">
325
                      </div>
325
                      </div>
326
                    </div>
326
                    </div>
327
 
327
 
328
                  </div>
328
                  </div>
329
 
329
 
330
                  <div id="zone-prenom-nom" class="row align-items-center">
330
                  <div id="zone-prenom-nom" class="row align-items-center">
331
 
331
 
332
                    <div class="col-md-6 ">
332
                    <div class="col-md-6 ">
333
                      <label for="prenom" class="">Prénom</label>
333
                      <label for="prenom" class="">Prénom</label>
334
                      <div class="input-group">
334
                      <div class="input-group">
335
                        <span class="input-group-addon"><i class="fa fa-user"></i></span>
335
                        <span class="input-group-addon"><i class="fa fa-user"></i></span>
336
                        <input type="text" id="prenom" name="prenom" class="form-control">
336
                        <input type="text" id="prenom" name="prenom" class="form-control">
337
                      </div>
337
                      </div>
338
                    </div>
338
                    </div>
339
 
339
 
340
                    <div class="col-md-6 ">
340
                    <div class="col-md-6 ">
341
                      <label for="nom" class="">Nom</label>
341
                      <label for="nom" class="">Nom</label>
342
                      <div class="input-group">
342
                      <div class="input-group">
343
                        <span class="input-group-addon"><i class="fa fa-user"></i></span>
343
                        <span class="input-group-addon"><i class="fa fa-user"></i></span>
344
                        <input type="text" id="nom" name="nom" class="form-control">
344
                        <input type="text" id="nom" name="nom" class="form-control">
345
                      </div>
345
                      </div>
346
                    </div>
346
                    </div>
347
 
347
 
348
                  </div>
348
                  </div>
349
 
349
 
350
                </form>
350
                </form>
351
 
351
 
352
                <form id="form-observation" role="form" autocomplete="on">
352
                <form id="form-observation" role="form" autocomplete="on">
353
 
353
 
354
                  <h2>Observation</h2>
354
                  <h2>Observation</h2>
355
 
355
 
356
                  <div id="zone-observation" class="row align-items-center">
356
                  <div id="zone-observation" class="row align-items-center">
357
 
357
 
358
                    <div class="col-md-6 ">
358
                    <div class="col-md-6 ">
359
                      <label for="courriel" class="" title="Veuillez saisir votre adresse courriel.">
359
                      <label for="courriel" class="" title="Veuillez saisir votre adresse courriel.">
360
                        <strong class="obligatoire">*</strong>Geolocalisation
360
                        <strong class="obligatoire">*</strong>Geolocalisation
361
                      </label>
361
                      </label>
362
                      <div class="input-group">
362
                      <div class="input-group">
363
                        <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
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. ">
364
                        <input type="email" id="courriel" name="courriel" class="form-control" title="Veuillez saisir votre adresse courriel. ">
365
                        <input type="hidden" id="id_utilisateur" name="id_utilisateur">
365
                        <input type="hidden" id="id_utilisateur" name="id_utilisateur">
366
                      </div>
366
                      </div>
367
                      <label for="milieu" class="">Milieu</label>
367
                      <label for="milieu" class="">Milieu</label>
368
                      <div class=" input-group">
368
                      <div class=" input-group">
369
                        <span class="input-group-addon"><i class="fa fa-street-view"></i></span>
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, ...">
370
                        <input type="text" id="milieu" name="milieu" class="form-control" placeholder="bois, champ, falaise, ...">
371
                      </div>
371
                      </div>
372
                    </div>
372
                    </div>
373
 
373
 
374
                    <div class="col-md-6">
374
                    <div class="col-md-6">
375
                      <label for="date" class="" title="">
375
                      <label for="date" class="" title="">
376
                        <strong class="obligatoire">*</strong>Date de relevé
376
                        <strong class="obligatoire">*</strong>Date de relevé
377
                      </label>
377
                      </label>
378
                      <div class=" input-group date" id="datetimepicker">
378
                      <div class=" input-group date" id="datetimepicker">
379
                        <span id="date-icone" class="input-group-addon"><i class="fa fa-calendar"></i></span>
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">
380
                        <input type="date" id="date" name="date" class="form-control hasDatepicker">
381
                      </div>
381
                      </div>
382
                      <label for="referentiel" class="" title="">
382
                      <label for="referentiel" class="" title="">
383
                        <strong class="obligatoire">*</strong>Référentiel
383
                        <strong class="obligatoire">*</strong>Référentiel
384
                      </label>
384
                      </label>
385
                      <div class=" input-group">
385
                      <div class=" input-group">
386
                        <span class="input-group-addon"><i class="fa fa-book"></i></span>
386
                        <span class="input-group-addon"><i class="fa fa-book"></i></span>
-
 
387
                        <div class="select-wrapper add-field-select">
387
                        <select id="referentiel" name="referentiel" class="form-control">
388
                          <select id="referentiel" name="referentiel" class="form-control">
388
                          <option value="" selected="" title="">-</option>
389
                            <option value="" selected="" title="">-</option>
389
                        </select>
390
                          </select>
-
 
391
                        </div>
390
                      </div>
392
                      </div>
391
                      <label for="taxon" class="" title="">Espèce</label>
393
                      <label for="taxon" class="" title="">Espèce</label>
392
                      <div class=" input-group date">
394
                      <div class=" input-group date">
393
                        <span class="input-group-addon"><i class="fa fa-leaf"></i></span>
395
                        <span class="input-group-addon"><i class="fa fa-leaf"></i></span>
394
                        <input type="text" name="taxon" class="form-control" id="taxon" >
396
                        <input type="text" name="taxon" class="form-control" id="taxon" >
395
                      </div>
397
                      </div>
396
                      <label for="certitude" class="" title="">
398
                      <label for="certitude" class="" title="">
397
                        <strong class="obligatoire">*</strong>Certitude
399
                        <strong class="obligatoire">*</strong>Certitude
398
                      </label>
400
                      </label>
399
                      <div class="input-group date" id="datetimepicker">
401
                      <div class="input-group date" id="datetimepicker">
400
                        <span class="input-group-addon"><i class="fa fa-question"></i></span>
402
                        <span class="input-group-addon"><i class="fa fa-question"></i></span>
-
 
403
                        <div class="select-wrapper add-field-select">
401
                        <select id="certitude" name="certitude" class="form-control">
404
                          <select id="certitude" name="certitude" class="form-control">
402
                          <option value="">-</option>
405
                            <option value="">-</option>
403
                        </select>
406
                          </select>
-
 
407
                        </div>
404
                      </div>
408
                      </div>
405
                    </div>
409
                    </div>
406
 
410
 
407
                  </div>
411
                  </div>
408
 
412
 
409
                </form>
413
                </form>
410
 
414
 
411
                <form id="form-supp" role="form" autocomplete="on">
415
                <form id="form-supp" role="form" autocomplete="on">
412
                  <div id="zone-supp" class="row align-items-center">
416
                  <div id="zone-supp" class="row align-items-center">
413
                    <div class="col-md-6 preview-container"></div>
417
                    <div class="col-md-6 preview-container"></div>
414
                  </div>
418
                  </div>
415
                </form>
419
                </form>
416
 
420
 
417
                <div id="image" class="row align-items-center"></div>
421
                <div id="image" class="row align-items-center"></div>
418
 
422
 
419
              </div><!-- end #preview-formulaire -->
423
              </div><!-- end #preview-formulaire -->
420
 
424
 
421
            </div><!-- end #widget-renderer-->
425
            </div><!-- end #widget-renderer-->
422
 
426
 
423
          </div><!-- #widget-blocks = tout le bloc de droite-->
427
          </div><!-- #widget-blocks = tout le bloc de droite-->
424
 
428
 
425
        </div>
429
        </div>
426
      </div>
430
      </div>
427
    </div>
431
    </div>
428
    <div id="help-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="help-modal-label" style="display: none;" aria-hidden="true">
432
    <div id="help-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="help-modal-label" style="display: none;" aria-hidden="true">
429
      <div class="modal-dialog modal-dialog-centered" role="document">
433
      <div class="modal-dialog modal-dialog-centered" role="document">
430
        <div class="modal-content">
434
        <div class="modal-content">
431
          <div class="modal-header">
435
          <div class="modal-header">
432
            <h5 class="modal-title" id="help-modal-label"></h5>
436
            <h5 class="modal-title" id="help-modal-label"></h5>
433
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
437
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
434
              <span aria-hidden="true">×</span>
438
              <span aria-hidden="true">×</span>
435
            </button>
439
            </button>
436
          </div>
440
          </div>
437
          <div class="modal-body" id="print_content"></div>
441
          <div class="modal-body" id="print_content"></div>
438
          <div class="modal-footer">
442
          <div class="modal-footer">
439
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
443
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
440
          </div>
444
          </div>
441
        </div>
445
        </div>
442
      </div>
446
      </div>
443
    </div>
447
    </div>
444
    <script type="text/javascript" src="<?php echo $url_base; ?>modules/manager/squelettes/js/manager.js"></script>
448
    <script type="text/javascript" src="<?php echo $url_base; ?>modules/manager/squelettes/js/manager.js"></script>
445
    </script>
449
    </script>
446
  </body>
450
  </body>
447
</html>
451
</html>