Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 3235 Rev 3241
Line 25... Line 25...
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" />
Line 27... Line 27...
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" />
 - 
 
30 
 
 29 
    <link rel="shortcut icon" type="image/x-icon" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
31 
    <!-- CSS -->
 30 
    <!-- Jquery-ui custom css-->
- 
 
 31 
    <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">
32 
    <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">
 32 
    <!-- Bootstrap CSS -->
33 
    <link rel="stylesheet" type="text/css" href="https://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" />
 33 
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous" />
- 
 
 34 
    <!-- <link rel="stylesheet" type="text/css" href="https://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" /> -->
34 
    <link rel="stylesheet" type="text/css" href="<?= $url_base; ?>modules/manager/squelettes/css/manager.css" media="screen" />
 35 
    <!-- Fontawesome -->
- 
 
 36 
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous" />
- 
 
 37 
    <!-- STYLE MANAGER CREATION -->
Line 35... Line 38...
35 
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous" />
 38 
    <link rel="stylesheet" type="text/css" href="<?= $url_base; ?>modules/manager/squelettes/css/manager.css" media="screen" />
36 
 
 39 
 
37 
    <!--  Google Analytics -->
 40 
    <!--  Google Analytics -->
38 
    <?php if( $prod ) : ?>
 41 
    <?php if( $prod ) : ?>
39 
      <?php include "analytics.html"; ?>
 42 
      <?php include "analytics.html"; ?>
Line 40... Line 43...
40 
    <?php endif; ?>
 43 
    <?php endif; ?>
41 
  </head>
 44 
  </head>
42 
 
 - 
 
43 
  <body>
 - 
 
44 
    <div id="zone-appli" class="container">
 - 
 
45 
    <?php if ( $bar !== false ) : ?>
 - 
 
46 
      <div id="tb-navigation" data-courant="widget-cel-export" data-squelette="bootstrap3" data-mode="prod"></div>
 45 
 
47 
      <br/>
 46 
  <body>
48 
    <?php endif; ?>
 47 
    <div id="zone-appli" class="container">
Line 49... Line 48...
49 
      <h1 id="widget-titre" class="widget-titre"><?php echo ucfirst( $mode ); ?> de widget de saisie du CEL</h1>
 48 
      <h1 id="widget-titre" class="widget-titre"><?php echo ucfirst( $mode ); ?> de widget de saisie du CEL</h1>
Line 50... Line 49...
50 
      <div id="register-page">
 49 
      <div id="register-page">
51 
        <div id="group-settings-form" class="row">
 50 
        <div id="group-settings-form">
52 
 
 51 
 
53 
          <div class="widget-blocks col-md-4">
 52 
          <div id="left-block" class="widget-blocks">
Line 60... Line 59...
60 
                Vous créez un widget, si vous choississez de le mettre dans un type, certains champs deviendront
 59 
                Vous créez un widget, si vous choississez de le mettre dans un type, certains champs deviendront
61 
                obligatoires et la localisation (point ou rue) sera automatiquement déterminée.
 60 
                obligatoires et la localisation (point ou rue) sera automatiquement déterminée.
62 
              <?php endif; ?>
 61 
              <?php endif; ?>
63 
            </p>
 62 
            </p>
Line 64... Line 63...
64 
 
 63 
 
65 
            <form action="<?= $url_base; ?>manager?mode=<?= $mode.$params; ?>" id="basic-widget-form" class="standard-form component component-text" method="post" enctype="multipart/form-data">
 - 
 
Line -... Line 64...
- 
 
 64 
            <form action="<?= $url_base; ?>manager?mode=<?= $mode.$params; ?>" id="basic-widget-form" method="post" enctype="multipart/form-data">
66 
              <div class="register-section" id="basic-details-section">
 65 
 
Line 67... Line 66...
67 
 
 66 
              <div class="register-section row" id="basic-details-section">
68 
                <h2>Meta-données</h2>
 67 
                <h2>Meta-données</h2>
69 
 
 68 
 
- 
 
 69 
                <div class="col-sm-12 mb-3">
70 
                <?php // var_dump($widget); ?>
 70 
                  <label for="projet">Projet *</label>
- 
 
 71 
                  <input type="text" name="projet" id="projet" class="form-control" pattern="[a-z]+" <?= ( $mode === 'modification' ) ? 'value="' . $widget['projet'] . '" readonly' : 'required'; ?> title="Champ obligatoire : pas d'espace">
71 
                <label for="projet">Projet *</label>
 72 
                </div>
72 
                <input type="text" name="projet" id="projet" pattern="[a-z]+" <?= ( $mode === 'modification' ) ? 'value="' . $widget['projet'] . '" readonly' : 'required'; ?> title="Champ obligatoire : pas d'espace">
 73 
 
- 
 
 74 
                <div class="col-sm-12 mb-3">
73 
 
 75 
                  <label for="motscles">Autres mots-clés</label>
74 
                <label for="motscles">Autres mots-clés</label>
 76 
                  <input type="text" name="motscles" id="motscles" class="form-control" value="" />
75 
                <input type="text" name="motscles" id="motscles" value="" />
 77 
                </div>
76 
 
 78 
 
77 
                <label for="type">Type de widget</label>
 79 
                <div class="col-sm-12 mb-3">
78 
                <div class="select-wrapper">
 80 
                  <label for="type">Type de widget</label>
79 
                  <select  id="type" name="type">
 81 
                  <select  id="type" name="type" class="form-control">
80 
                    <option value=""> ----</option>
 82 
                    <option value=""> ----</option>
81 
                    <?php foreach ( $type as $id => $projet ) : ?>
 83 
                    <?php foreach ( $type as $id => $projet ) : ?>
82 
                      <option <?php echo ( isset( $widget['projet'] ) && $projet['projet'] === $widget['projet'] ) ? 'selected="selected"' : ''; ?> value="<?= $projet['projet']; ?>"><?= $projet['projet']; ?></option>
 84 
                      <option <?php echo ( isset( $widget['projet'] ) && $projet['projet'] === $widget['projet'] ) ? 'selected="selected"' : ''; ?> value="<?= $projet['projet']; ?>"><?= $projet['projet']; ?></option>
Line 83... Line -...
83 
                    <?php endforeach; ?>
 - 
 
84 
                  </select>
 - 
 
Line -... Line 85...
- 
 
 85 
                    <?php endforeach; ?>
- 
 
 86 
                  </select>
- 
 
 87 
                </div>
- 
 
 88 
 
- 
 
 89 
 
- 
 
 90 
                  <div class="col-sm-12 radio mb-3">
- 
 
 91 
                    <label for="est_type" class="radio-label">
- 
 
 92 
                      <input type="checkbox" name="est_type" id="est_type" <?php echo ( isset( $widget['est_type'] ) && $projet['est_type'] === '1' ) ? 'checked="checked"' : ''; ?>>
85 
                </div>
 93 
                      Ce widget est un widget type
86 
 
 94 
                    </label>
87 
                <label for="est_type">Ce widget est un widget type</label>
 95 
                  </div>
88 
                <input type="checkbox" name="est_type" id="est_type" <?php echo ( isset( $widget['est_type'] ) && $projet['est_type'] === '1' ) ? 'checked="checked"' : ''; ?>>
 96 
 
89 
 
 - 
 
90 
                <label for="langue">Langue</label>
 97 
                <div class="col-sm-12 mb-3">
91 
                <?php if ( $mode === 'modification' ) : ?>
 98 
                  <label for="langue">Langue</label>
92 
                  <input id="langue" name="langue" readonly value="<?= $widget['langue']; ?>">
 99 
                  <?php if ( $mode === 'modification' ) : ?>
93 
                <?php else : ?>
 100 
                    <input id="langue" name="langue" class="form-control" readonly value="<?= $widget['langue']; ?>">
94 
                  <div class="select-wrapper">
 101 
                  <?php else : ?>
95 
                    <select id="langue" name="langue">
 102 
                    <select id="langue" name="langue" class="form-control">
96 
                    <?php foreach ( $langues as $code => $langue ) : ?>
 103 
                    <?php foreach ( $langues as $code => $langue ) : ?>
97 
                      <option value="<?= $code; ?>" <?= ( $code === 'fr' ) ? 'selected' : '';?>><?= $langue['nom']; ?></option>
 104 
                      <option value="<?= $code; ?>" <?= ( $code === 'fr' ) ? 'selected' : '';?>><?= $langue['nom']; ?></option>
Line 98... Line 105...
98 
                    <?php endforeach; ?>
 105 
                    <?php endforeach; ?>
99 
                    </select>
 106 
                    </select>
- 
 
 107 
                  <?php endif; ?>
100 
                  </div>
 108 
                </div>
101 
                <?php endif; ?>
 109 
              </div><!-- end #basic-details-section -->
- 
 
 110 
 
Line 102... Line 111...
102 
              </div><!-- end #basic-details-section -->
 111 
 
- 
 
 112 
              <div class="register-section row" id="profile-details-description-section">
103 
 
 113 
                <h2>Description</h2>
104 
 
 114 
                <div class="col-sm-12 mb-3">
- 
 
 115 
                  <label for="titre">Titre</label>
- 
 
 116 
                  <input type="text" name="titre" id="titre" class="form-control" value="<?php echo isset( $widget['titre'] ) ? $widget['titre'] : ''; ?>">
- 
 
 117 
                </div>
105 
              <div class="register-section" id="profile-details-description-section">
 118 
 
106 
                <h2>Description</h2>
 - 
 
107 
                <label for="titre">Titre</label>
 - 
 
Line -... Line 119...
- 
 
 119 
                <div class="input-file-row row">
108 
                <input type="text" name="titre" id="titre" value="<?php echo isset( $widget['titre'] ) ? $widget['titre'] : ''; ?>">
 120 
                  <div class="input-file-container col-sm-10">
109 
 
 121 
                    <input type="file" class="input-file" name="info" id="info" value="<?= $widget['titre']; ?>" accept="image/*">
- 
 
 122 
                    <label for="info" class="label-file "><i class="fas fa-download"></i> Aide dans le titre</label>
Line 110... Line 123...
110 
                <div class="input-file-container">
 123 
                  </div>
- 
 
 124 
                  <div class="btn btn-danger btn-sm remove-file" name="remove-file" title="Supprimer le fichier"><i class="fas fa-times" aria-hidden="true"></i></div>
Line 111... Line 125...
111 
                  <input type="file" class="input-file" name="info" id="info" value="<?= $widget['titre']; ?>" accept="image/*">
 125 
                  <div class="file-return info hidden"></div>
112 
                  <label for="info" class="label-file"><i class="fas fa-download"></i> Image d'aide dans le titre</label>
 126 
                </div>
113 
                </div>
 127 
 
114 
                <div class="remove-file button" name="remove-file" title="Supprimer le fichier"><i class="fas fa-times" aria-hidden="true"></i></div>
 128 
                <div class="col-sm-12 mb-3">
115 
                <div class="file-return info hidden"></div>
 129 
                  <label for="description">Description</label>
116 
 
 130 
                  <textarea name="description" id="description" class="form-control"><?php echo isset( $widget['description'] ) ? $widget['description'] : ''; ?></textarea>
117 
                <label for="description">Description</label>
 131 
                </div>
118 
                <textarea name="description" id="description"><?php echo isset( $widget['description'] ) ? $widget['description'] : ''; ?></textarea>
 132 
 
119 
 
 133 
                <div class="input-file-row row">
120 
                <div class="input-file-container">
 134 
                  <div class="input-file-container col-sm-10">
121 
 
 135 
 
122 
                  <?php
 136 
                    <?php
123 
                    if( isset( $widget['logo'] ) ) :
 137 
                      if( isset( $widget['logo'] ) ) :
124 
                      $logo_src = $widget['logo'];
 138 
                        $logo_src = $widget['logo'];
Line 125... Line 139...
125 
                      $logo_img =
 139 
                        $logo_img =
126 
                        '<img id="pre-existent-logo" src="' . $logo_src . '"><br>Pour changer, télécharger un nouveau fichier.';
 140 
                          '<img id="pre-existent-logo" src="' . $logo_src . '"><br>Pour changer, télécharger un nouveau fichier.';
127 
                      $logo_hidden = '';
 141 
                        $logo_hidden = '';
128 
                      $logo_file_name = array_reverse( explode( '/', $logo_src ) );
 142 
                        $logo_file_name = array_reverse( explode( '/', $logo_src ) );
129 
                    else :
 143 
                      else :
130 
                      $logo_src = '';
 144 
                        $logo_src = '';
131 
                      $logo_img = '';
 145 
                        $logo_img = '';
132 
                      $logo_hidden = ' hidden';
 146 
                        $logo_hidden = ' hidden';
133 
                      $logo_file_name = [];
 147 
                        $logo_file_name = [];
- 
 
 148 
                      endif;
134 
                    endif;
 149 
                    ?>
Line 135... Line -...
135 
                  ?>
 - 
 
136 
 
 150 
 
- 
 
 151 
                    <input type="file" class="input-file" name="logo" id="logo"  accept="image/*" value="">
137 
                  <input type="file" class="input-file" name="logo" id="logo"  accept="image/*" value="">
 152 
                    <label for="logo" class="label-file"><i class="fas fa-download"></i> Logo</label>
138 
                  <label for="logo" class="label-file"><i class="fas fa-download"></i> Logo</label>
 153 
                  </div>
- 
 
 154 
                  <div class="btn btn-danger btn-sm remove-file" name="remove-file" title="Supprimer le fichier">
- 
 
 155 
                    <i class="fas fa-times" aria-hidden="true"></i>
- 
 
 156 
                  </div>
139 
                </div>
 157 
                  <div class="file-return logo<?= $logo_hidden; ?>">
140 
                <div class="remove-file button" name="remove-file" title="Supprimer le fichier">
 - 
 
141 
                  <i class="fas fa-times" aria-hidden="true"></i>
 - 
 
Line 142... Line 158...
142 
                </div>
 158 
                    <?= $logo_file_name[0]; ?>
Line 143... Line 159...
143 
                <div class="file-return logo<?= $logo_hidden; ?>">
 159 
                    <?= $logo_img; ?>
144 
                  <?= $logo_file_name[0]; ?>
 160 
                  </div>
- 
 
 161 
                </div>
145 
                  <?= $logo_img; ?>
 162 
 
146 
                </div>
 163 
                <div class="input-file-row row">
147 
 
 164 
                  <div class="input-file-container col-sm-10">
148 
 
 165 
                    <input type="file" class="input-file" name="image_fond" id="image_fond" value="<?= $widget['titre']; ?>" accept="image/*">
149 
                <div class="input-file-container">
 166 
                    <label for="image_fond" class="label-file"><i class="fas fa-download"></i> Image de fond</label>
150 
                    <input type="file" class="input-file" name="image_fond" id="image_fond" value="<?= $widget['titre']; ?>" accept="image/*">
 167 
                  </div>
151 
                    <label for="image_fond" class="label-file"><i class="fas fa-download"></i> Image de fond</label>
 168 
                  <div class="btn btn-danger btn-sm remove-file" name="remove-file" title="Supprimer le fichier"><i class="fas fa-times" aria-hidden="true"></i></div>
Line -... Line 169...
- 
 
 169 
                  <div class="file-return image_fond hidden"></div>
152 
                </div>
 170 
                </div>
153 
                <div class="remove-file button" name="remove-file" title="Supprimer le fichier"><i class="fas fa-times" aria-hidden="true"></i></div>
 171 
 
- 
 
 172 
              </div><!-- end #profile-details-description-section -->
Line -... Line 173...
- 
 
 173 
 
154 
                <div class="file-return image_fond hidden"></div>
 174 
              <div class="register-section row" id="profile-details-fields-section">
155 
 
 175 
                <h2>Champs</h2>
- 
 
 176 
 
Line 156... Line 177...
156 
              </div><!-- end #profile-details-description-section -->
 177 
                <div class="col-sm-12 mb-3">
157 
 
 178 
                  <label for="type_localisation">Type de localisation</label>
158 
              <div class="register-section" id="profile-details-fields-section">
 179 
                  <select  id="type_localisation" name="type_localisation" class="form-control">
159 
                <h2>Champs</h2>
 180 
                    <option value="<?php echo ( isset( $widget['type_localisation'] ) ) ? $widget['type_localisation'] : 'point'; ?>"><?php echo ( isset( $widget['type_localisation'] ) ) ? $widget['type_localisation'] : 'point'; ?></option>
160 
                <label for="type_localisation">Type de localisation</label>
 181 
                    <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>
161 
                <div class="select-wrapper">
 182 
                  </select>
162 
                  <select  id="type_localisation" name="type_localisation" >
 183 
                </div>
163 
                    <option value="<?php echo ( isset( $widget['type_localisation'] ) ) ? $widget['type_localisation'] : 'point'; ?>"><?php echo ( isset( $widget['type_localisation'] ) ) ? $widget['type_localisation'] : 'point'; ?></option>
 184 
 
164 
                    <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>
 185 
                <div class="col-sm-12 mb-3">
Line -... Line 186...
- 
 
 186 
                  <label for="localisation">Zoom</label>
165 
                  </select>
 187 
                  <input type="text" name="localisation" id="localisation" class="form-control" value="<?php echo isset( $widget['localisation'] ) ? $widget['localisation'] : ''; ?>"  />
166 
                </div>
 188 
                </div>
- 
 
 189 
 
Line 167... Line 190...
167 
 
 190 
                <div class="col-sm-12 mb-3">
168 
                <label for="localisation">Zoom</label>
 191 
                  <label for="milieux">Milieux</label>
- 
 
 192 
                  <input type="text" name="milieux" id="milieux" class="form-control" value="<?php echo isset( $widget['milieux'] ) ? $widget['milieux'] : ''; ?>">
169 
                <input type="text" name="localisation" id="localisation" value="<?php echo isset( $widget['localisation'] ) ? $widget['localisation'] : ''; ?>"  />
 193 
                </div>
170 
 
 194 
 
171 
                <label for="milieux">Milieux</label>
 195 
                <div class="col-sm-12 mb-3">
172 
                <input type="text" name="milieux" id="milieux" value="<?php echo isset( $widget['milieux'] ) ? $widget['milieux'] : ''; ?>">
 196 
                  <label for="type_especes">Type liste espèce *</label>
173 
 
 197 
                  <select  id="type_especes" name="type_especes" required class="form-control">
- 
 
 198 
                    <option selected="selected" value="referentiel">Référentiel</option>
- 
 
 199 
                    <option value="liste">Liste</option>
174 
                <label for="type_especes">Type liste espèce *</label>
 200 
                    <option value="liste" title="remplir référentiel + envoyer csv">Liste + autres</option>
- 
 
 201 
                    <option value="fixe">Espèce fixée</option>
175 
                <div class="select-wrapper">
 202 
                  </select>
Line 176... Line 203...
176 
                  <select  id="type_especes" name="type_especes" required>
 203 
                </div>
177 
                    <option selected="selected" value="referentiel">Référentiel</option>
 204 
 
178 
                    <option value="liste">Liste</option>
 205 
                <div class="col-sm-12 mb-3">
Line 214... Line 241...
214 
                  <i class="fas fa-trophy" aria-hidden="true"  style="color:#B3C954"></i>
 241 
                  <i class="fas fa-trophy" aria-hidden="true"  style="color:#B3C954"></i>
215 
                  &nbsp;Le bouton "Terminer" sert à envoyer la totalité du nouveau widget
 242 
                  &nbsp;Le bouton "Terminer" sert à envoyer la totalité du nouveau widget
216 
                </p>
 243 
                </p>
217 
            </form><!-- #new-fields = fomulaire oû viennent s'insérer les champs supplémentaires -->
 244 
            </form><!-- #new-fields = fomulaire oû viennent s'insérer les champs supplémentaires -->
Line 218... Line 245...
218 
 
 245 
 
219 
            <div class="row">
 246 
            <div id="new-fields-buttons" class="row">
220 
              <div class="col-md-4 col-sm-4 col-xs-4 buttons">
 247 
              <div class="col-md-4 col-sm-4 col-xs-4 buttons">
221 
                <label class="add-fields">Ajouter</label>
 248 
                <label class="add-fields">Ajouter</label>
222 
                <div class="button" id="add-fields" title="Ajouter un champ"><i class="fa fa-plus" aria-hidden="true"></i></div>
 249 
                <div class="button" id="add-fields" title="Ajouter un champ"><i class="fa fa-plus" aria-hidden="true"></i></div>
223 
              </div>
 250 
              </div>
Line 229... Line 256...
229 
                <label class="validate-new-fields">Valider</label>
 256 
                <label class="validate-new-fields">Valider</label>
230 
                <div class="button" id="validate-new-fields" title="Valider les champs supplémentaires"><i class="fa fa-bolt" aria-hidden="true"></i></div>
 257 
                <div class="button" id="validate-new-fields" title="Valider les champs supplémentaires"><i class="fa fa-bolt" aria-hidden="true"></i></div>
231 
              </div>
 258 
              </div>
232 
            </div>
 259 
            </div>
Line 233... Line -...
233 
 
 - 
 
234 
            <hr>
 - 
 
235 
 
 260 
 
Line 236... Line 261...
236 
          </div><!-- end .widget-blocks = tout le bloc de gauche-->
 261 
          </div><!-- end .widget-blocks = tout le bloc de gauche-->
237 
 
 262 
 
- 
 
 263 
          <div id="right-block" class="widget-blocks">
Line 238... Line 264...
238 
          <div class="widget-blocks col-md-8">
 264 
            <div class="widget-renderer">
239 
            <div class="widget-renderer">
 265 
              <div id="preview-background"></div>
240 
 
 266 
 
241 
              <div id="preview-header" class="row">
 267 
              <div id="preview-header" class="row">
242 
                  <div id="preview-logo" class="col-md-4"></div>
 268 
                  <div id="preview-logo" class="col-md-4"></div>
243 
                  <div id="preview-title" class="col-md-8">
 269 
                  <div id="preview-title" class="col-md-8">
Line 244... Line 270...
244 
                    <h1></h1>
 270 
                    <h1></h1>
Line 245... Line 271...
245 
                  </div>
 271 
                  </div>
246 
              </div>
 272 
              </div>
247 
 
 - 
 
248 
              <div id="preview-messages" class="row">
 - 
 
249 
 
 - 
 
250 
                <div id="preview-description" class="col-md-7">
 - 
 
251 
                  <div class="message">
 273 
 
252 
                    <h3>
 274 
              <div id="preview-messages" class="row">
Line 253... Line 275...
253 
                      <span>Projet : </span>
 275 
 
Line 254... Line 276...
254 
                      <span class="projet-description"></span>
 276 
                <div id="preview-description" class="col-md-6">
255 
                    </h3>
 277 
                  <div class="">
256 
                    <p class="preview-description"></p>
 278 
                    <p class="preview-description"></p>
257 
                  </div>
 279 
                  </div>
258 
 
 280 
 
259 
                </div><!-- end #preview-description -->
 281 
                </div><!-- end #preview-description -->
260 
 
 282 
 
Line 290... Line 312...
290 
 
 312 
 
Line 291... Line 313...
291 
                <form id="preview-form-observateur" role="form" autocomplete="on">
 313 
                <form id="preview-form-observateur" role="form" autocomplete="on">
Line 292... Line -...
292 
 
 - 
 
293 
                  <h2>Observateur</h2>
 - 
 
294 
 
 314 
 
295 
                  <div id="zone-courriel" class="row">
 - 
 
296 
 
 - 
 
297 
                    <div class="col-md-6">
 - 
 
298 
                      <label for="courriel" class="" title="Veuillez saisir votre adresse courriel.">
 - 
 
299 
                        <i class="fa fa-envelope"></i> Courriel *
 - 
 
300 
                      </label>
 - 
 
301 
                      <input type="email" id="courriel" name="courriel" pattern="^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$" title="Veuillez saisir votre adresse courriel." required>
 - 
 
302 
                      <input type="hidden" id="id_utilisateur" name="id_utilisateur">
 315 
                  <h2>Observateur</h2>
303 
                    </div>
 316 
 
304 
 
 317 
                  <div class="row">
305 
                    <div id="zone-courriel-confirmation" class="col-md-6 ">
 - 
 
306 
                      <label for="courriel_confirmation" class="" title="Veuillez confirmer le courriel.">
 - 
 
307 
                        <i class="fa fa-envelope"></i> Courriel * (confirmation)
 - 
 
308 
                      </label>
 - 
 
309 
                      <input type="email" id="courriel_confirmation" name="courriel_confirmation" pattern="^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$" title="Veuillez saisir votre adresse courriel." required>
 - 
 
310 
                    </div>
 - 
 
311 
 
 - 
 
312 
                  </div>
 - 
 
313 
 
 - 
 
314 
                  <div id="zone-prenom-nom" class="row">
 - 
 
315 
 
 318 
                    <div id="bouton-connexion" class="col-md-6 col-sm-8">
316 
                    <div class="col-md-6">
 319 
                      <label for="bouton-connexion">Je me connecte à mon compte&nbsp;:</label>
317 
                      <label for="prenom" class=""><i class="fa fa-user"></i> Prénom</label>
 - 
 
318 
                      <input type="text" id="prenom" name="prenom" pattern="[a-zA-ZàáâäãåąčćęèéêëėįìíîïłńòóôöõøùúûüųūÿýżźñçčšžÀÁÂÄÃÅĄĆČĖĘÈÉÊËÌÍÎÏĮŁŃÒÓÔÖÕØÙÚÛÜŲŪŸÝŻŹÑßÇŒÆČŠŽ∂ð'-]+" title="Veuillez saisir votre prénom">
 320 
                      <div class="btn btn-success mr-1 mb-1">Connexion</div>
319 
                    </div>
 321 
                      <div class="btn btn-success mr-1 mb-1">Inscription</div>
320 
 
 322 
                    </div>
321 
                    <div class="col-md-6 ">
 323 
                    <div id="creation-compte" class="col-md-6 col-sm-8">
Line 322... Line 324...
322 
                      <label for="nom" class=""><i class="fa fa-user"></i> Nom</label>
 324 
                      <label for="creation-compte">Je ne souhaite pas m'inscrire&nbsp;:</label>
Line 323... Line 325...
323 
                      <input type="text" id="nom" name="nom" pattern="[a-zA-ZàáâäãåąčćęèéêëėįìíîïłńòóôöõøùúûüųūÿýżźñçčšžÀÁÂÄÃÅĄĆČĖĘÈÉÊËÌÍÎÏĮŁŃÒÓÔÖÕØÙÚÛÜŲŪŸÝŻŹÑßÇŒÆČŠŽ∂ð'-]+" title="Veuillez saisir votre nom">
 325 
                      <div class="btn btn-info mr-1 mb-1">Observation sans inscription</div>
Line 331... Line 333...
331 
 
 333 
 
Line 332... Line 334...
332 
                  <h2>Observation</h2>
 334 
                  <h2>Observation</h2>
Line 333... Line 335...
333 
 
 335 
 
- 
 
 336 
                  <div id="zone-observation" class="row">
334 
                  <div id="zone-observation" class="row">
 337 
 
335 
 
 338 
                    <div class="col-md-6 row">
336 
                    <div class="col-md-6 ">
 339 
                      <div class="col-md-12">
- 
 
 340 
                        <label for="geolocalisation" id="label-geolocalisation" title="Veuillez saisir votre adresse courriel.">
337 
                      <label for="courriel" class="" title="Veuillez saisir votre adresse courriel.">
 341 
                          <i class="fa fa-envelope"></i> Geolocalisation
338 
                        <i class="fa fa-envelope"></i> Geolocalisation *
 342 
                        </label>
- 
 
 343 
                        <div id="geolocalisation">
Line -... Line 344...
- 
 
 344 
                          <img src="<?= $url_base?>/modules/manager/squelettes/img/geoloc/geoloc.png" alt="geolocalisation" width="90%">
- 
 
 345 
                        </div>
339 
                      </label>
 346 
                      </div>
- 
 
 347 
 
340 
                      <input type="email" id="courriel" name="courriel" title="Veuillez saisir votre adresse courriel. "  required>
 348 
                      <div class="col-md-12">
- 
 
 349 
                        <label for="milieu" id="label-milieu">
341 
                      <input type="hidden" id="id_utilisateur" name="id_utilisateur">
 350 
                          <i class="fa fa-street-view"></i> Milieu
Line 342... Line 351...
342 
 
 351 
                        </label>
- 
 
 352 
                        <input type="text" id="milieu" name="milieu" class="form-control" placeholder="bois, champ, falaise, ...">
343 
                      <label for="milieu" class=""><i class="fa fa-street-view"></i> Milieu</label>
 353 
                      </div>
344 
                      <input type="text" id="milieu" name="milieu" placeholder="bois, champ, falaise, ..." pattern="[\D]+">
 354 
                    </div>
345 
                    </div>
 355 
 
346 
 
 356 
                    <div class="col-md-6 row">
347 
                    <div class="col-md-6">
 357 
                      <div class="col-md-12">
- 
 
 358 
                        <label for="date" id="label-date" title="">
348 
                      <label for="date" class="" title="">
 359 
                          <i class="fa fa-calendar"></i> Date de relevé
Line -... Line 360...
- 
 
 360 
                        </label>
349 
                        <i class="fa fa-calendar"></i> Date de relevé *
 361 
                        <div class="date">
350 
                      </label>
 362 
                          <input type="date" id="date" class="form-control" name="date" title="jj/mm/aaaa" required>
351 
                      <div class="date" id="datetimepicker">
 363 
                        </div>
352 
                        <input type="date" id="date" name="date" class="hasDatepicker" pattern="(^(((0[1-9]|1[0-9]|2[0-8])[\/](0[1-9]|1[012]))|((29|30|31)[\/](0[13578]|1[02]))|((29|30)[\/](0[4,6,9]|11)))[\/](19|[2-9][0-9])\d\d$)|(^29[\/]02[\/](19|[2-9][0-9])(00|04|08|12|16|20|24|28|32|36|40|44|48|52|56|60|64|68|72|76|80|84|88|92|96)$)" title="jj/mm/aaaa" required>
 364 
                      </div>
353 
                      </div>
 - 
 
354 
 
 365 
 
355 
                      <label for="referentiel" class="" title="">
 366 
                      <div class="col-md-12">
356 
                        <i class="fa fa-book"></i> Référentiel *
 367 
                        <label for="taxon" id="label-taxon" title="">
Line -... Line 368...
- 
 
 368 
                          <i class="fa fa-leaf"></i> Espèce<span></span>
357 
                      </label>
 369 
                        </label>
- 
 
 370 
                        <div class="taxon">
358 
                      <div class="select-wrapper add-field-select">
 371 
                          <input type="text" name="taxon" id="taxon" class="form-control">
- 
 
 372 
                        </div>
359 
                        <select id="referentiel" name="referentiel"  required>
 373 
                      </div>
- 
 
 374 
 
- 
 
 375 
                      <div class="col-md-12">
- 
 
 376 
                        <label for="certitude" id="label-certitude" title="">
360 
                          <option value="" selected="" title="">-</option>
 377 
                          <i class="fa fa-question"></i> Certitude
Line -... Line 378...
- 
 
 378 
                        </label>
361 
                        </select>
 379 
                        <select id="certitude" name="certitude" class="form-control" required>
362 
                      </div>
 380 
                          <option value="" >À déterminer</option>
363 
 
 381 
                          <option value="" >Douteuse</option>
364 
                      <label for="taxon" class="" title=""><i class="fa fa-leaf"></i> Espèce</label>
 382 
                          <option value="" selected="selected" >Certaine</option>
365 
                      <div class="date">
 383 
                        </select>
366 
                        <input type="text" name="taxon" id="taxon" >
 - 
 
367 
                      </div>
 384 
                      </div>
368 
 
 385 
 
369 
                      <label for="certitude" class="" title="">
 386 
                      <div class="col-md-12">
Line 370... Line 387...
370 
                        <i class="fa fa-question"></i> Certitude *
 387 
                        <label for="notes" id="label-notes" title="">
Line 371... Line 388...
371 
                      </label>
 388 
                          <i class="fa fa-pen" aria-hidden="true"></i> Notes
Line 372... Line 389...
372 
                      <div class="select-wrapper add-field-select">
 389 
                        </label>
373 
                        <select id="certitude" name="certitude"  required>
 390 
                        <div class="notes">
374 
                          <option value="">-</option>
 391 
                            <textarea id="notes" name="notes" class="form-control" placeholder="Vous pouvez éventuellement ajouter des informations complémentaires à votre observation."></textarea>
375 
                        </select>
 392 
                        </div>
- 
 
 393 
                      </div>
- 
 
 394 
                    </div>
- 
 
 395 
 
- 
 
 396 
                  </div>
- 
 
 397 
 
- 
 
 398 
                </form>
- 
 
 399 
 
- 
 
 400 
                <!-- formulaire d'affichage des bouveaux champs -->
- 
 
 401 
                <form id="form-supp" role="form" autocomplete="on">
- 
 
 402 
                  <div id="zone-supp" class="row align-items-center">
- 
 
 403 
                    <div class="col-md-6 preview-container row"></div>
- 
 
 404 
                  </div>
- 
 
 405 
                </form>
376 
                      </div>
 406 
 
377 
                    </div>
 407 
                <!-- formulaire d'upload d'images -->
Line 378... Line 408...
378 
 
 408 
                <form id="form-upload" class="" action="" method="" enctype="multipart/form-data">
Line 400... Line 430...
400 
      <div class="modal-dialog modal-dialog-centered" role="document">
 430 
      <div class="modal-dialog modal-dialog-centered" role="document">
401 
        <div class="modal-content">
 431 
        <div class="modal-content">
402 
          <div class="modal-header">
 432 
          <div class="modal-header">
403 
            <h5 class="modal-title" id="help-modal-label"></h5>
 433 
            <h5 class="modal-title" id="help-modal-label"></h5>
404 
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 434 
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
405 
              <span aria-hidden="true">×</span>
 435 
              <span aria-hidden="true">&times;</span>
406 
            </button>
 436 
            </button>
407 
          </div>
 437 
          </div>
408 
          <div class="modal-body" id="print_content"></div>
 438 
          <div class="modal-body" id="print_content"></div>
409 
          <div class="modal-footer">
 439 
          <div class="modal-footer">
410 
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
 440 
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
Line 424... Line 454...
424 
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/additional-methods.min.js"></script>
 454 
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/additional-methods.min.js"></script>
425 
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/messages_fr.js"></script>
 455 
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/messages_fr.js"></script>
426 
    <!-- Jquery Form :nécessaire pour l'upload des images -->
 456 
    <!-- Jquery Form :nécessaire pour l'upload des images -->
427 
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/form/3.51/jquery.form.min.js"></script>
 457 
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/form/3.51/jquery.form.min.js"></script>
428 
    <!-- Bootstrap -->
 458 
    <!-- Bootstrap -->
- 
 
 459 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
429 
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
 460 
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
430 
    <script type="text/javascript" src="<?= $url_base; ?>modules/manager/squelettes/js/manager.js"></script>
 461 
    <script type="text/javascript" src="<?= $url_base; ?>modules/manager/squelettes/js/manager.js"></script>
431 
      <!-- Barre de navigation -->
 462 
      <!-- Barre de navigation -->
432 
    <?php if ( $bar !== false ) : ?>
 463 
    <?php if ( $bar !== false ) : ?>
433 
      <script src="<?= $url_script_navigation; ?>"></script>
 464 
      <script src="<?= $url_script_navigation; ?>"></script>