Subversion Repositories eFlore/Applications.cel

Rev

Rev 3172 | Rev 3175 | Go to most recent revision | Show entire file | Regard whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 3172 Rev 3174
Line 43... Line 43...
43 
		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.9.0/jquery.validate.js"></script>
 43 
		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.9.0/jquery.validate.js"></script>
44 
		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.9.0/messages_fr.js"></script>
 44 
		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.9.0/messages_fr.js"></script>
45 
		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/form/2.95/jquery.form.min.js"></script>
 45 
		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/form/2.95/jquery.form.min.js"></script>
46 
		<script src="https://resources.tela-botanica.org/bootstrap/3.1.0/js/bootstrap.min.js"></script>
 46 
		<script src="https://resources.tela-botanica.org/bootstrap/3.1.0/js/bootstrap.min.js"></script>
Line 47... Line -...
47 
 
 - 
 
48 
        <!-- Barre de navigation -->
 - 
 
49 
        <?php if ($bar !== false): ?>
 - 
 
50 
                <script src="<?php echo $url_script_navigation; ?>"></script>
 - 
 
51 
        <?php endif; ?>
 - 
 
52 
 
 47 
 
53 
        <!-- CSS -->
 48 
        <!-- CSS -->
54 
		<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" />
 49 
		<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" />
55 
		<link href="https://www.tela-botanica.org/commun/bootstrap/2.0.2/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen" />
 50 
		<link href="https://www.tela-botanica.org/commun/bootstrap/2.0.2/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen" />
56 
		<link rel="stylesheet" type="text/css" href="https://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" />
 51 
		<link rel="stylesheet" type="text/css" href="https://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" />
Line 73... Line 68...
73 
      <div id="tb-navigation" data-courant="widget-cel-export" data-squelette="bootstrap3" data-mode="prod"></div>
 68 
      <div id="tb-navigation" data-courant="widget-cel-export" data-squelette="bootstrap3" data-mode="prod"></div>
74 
      <br/>
 69 
      <br/>
75 
    <?php endif; ?>
 70 
    <?php endif; ?>
76 
      <h1 id="widget-titre" class="widget-titre"><?php echo ucfirst($mode); ?> de widget de saisie du CEL</h1>
 71 
      <h1 id="widget-titre" class="widget-titre"><?php echo ucfirst($mode); ?> de widget de saisie du CEL</h1>
77 
      <div id="register-page">
 72 
      <div id="register-page">
78 
        <div class="row">
 73 
        <div id="group-settings-form" class="row">
Line 79... Line 74...
79 
 
 74 
 
Line 80... Line 75...
80 
          <div class="widget-blocks col-md-4">
 75 
          <div class="widget-blocks col-md-4">
- 
 
 76 
 
- 
 
 77 
            <p class="message">
- 
 
 78 
              <?php if ($mode === 'modification') : ?>
- 
 
 79 
                Attention vous modifiez un widget déjà existant, le tag et la langue ne peuvent pas être changer.
- 
 
 80 
                S'il s'agit d'un projet type, en modifiant ce widget vous modifiez tous les widgets de ce type.
- 
 
 81 
              <?php else : ?>
- 
 
 82 
                Vous créez un widget, si vous choississez de le mettre dans un type, certains champs deviendront
- 
 
 83 
                obligatoires et la localisation (point ou rue) sera automatiquement déterminée.
- 
 
 84 
              <?php endif; ?>
81 
 
 85 
            </p>
82 
            <div  id="group-settings-form">
 86 
 
Line 83... Line 87...
83 
              <form action="http://localhost/cel/widget/manager?mode=<?php echo $mode; ?>" id="new-widget-form" class="standard-form component component-text" method="post" enctype="multipart/form-data">
 87 
            <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">
Line 84... Line 88...
84 
                <div class="register-section" id="basic-details-section">
 88 
              <div class="register-section" id="basic-details-section">
Line 129... Line 133...
129 
 
 133 
 
130 
                  <div class="input-file-container">
 134 
                <div class="input-file-container">
131 
                      <input type="file" class="input-file" name="logo" id="logo"  accept="image">
 135 
                    <input type="file" class="input-file" name="logo" id="logo"  accept="image">
132 
                      <label for="logo" class="label-file"><i class="fas fa-download"></i> Logo</label>
 136 
                    <label for="logo" class="label-file"><i class="fas fa-download"></i> Logo</label>
- 
 
 137 
                </div>
133 
                  </div>
 138 
                <div class="remove-file button" name="remove-file" title="Supprimer le fichier"><i class="fas fa-times" aria-hidden="true"></i></div>
Line 134... Line 139...
134 
                  <div class="file-return logo"></div>
 139 
                <div class="file-return logo hidden"></div>
Line 135... Line 140...
135 
 
 140 
 
136 
                  <?php echo isset($widget['logo']) ? '<img src="'.$widget['logo'].'"><br />Pour changer, télécharger un nouveau fichier.': ''; ?>
 141 
                <?php echo isset($widget['logo']) ? '<img src="'.$widget['logo'].'"><br />Pour changer, télécharger un nouveau fichier.': ''; ?>
137 
 
 142 
 
138 
                  <div class="input-file-container">
 143 
                <div class="input-file-container">
- 
 
 144 
                    <input type="file" class="input-file" name="fond" id="fond" value="<?php echo $widget['titre']; ?>">
139 
                      <input type="file" class="input-file" name="fond" id="fond" value="<?php echo $widget['titre']; ?>">
 145 
                    <label for="fond" class="label-file"><i class="fas fa-download"></i> Image de fond</label>
140 
                      <label for="fond" class="label-file"><i class="fas fa-download"></i> Image de fond</label>
 146 
                </div>
Line 141... Line 147...
141 
                  </div>
 147 
                <div class="remove-file button" name="remove-file" title="Supprimer le fichier"><i class="fas fa-times" aria-hidden="true"></i></div>
142 
                  <div class="file-return fond"></div>
 148 
                <div class="file-return fond hidden"></div>
143 
                </div><!-- end #profile-details-description-section -->
 149 
              </div><!-- end #profile-details-description-section -->
Line 168... Line 174...
168 
                    </select>
 174 
                  </select>
169 
                  </div>
 175 
                </div>
Line 170... Line 176...
170 
 
 176 
 
171 
                  <label for="referentiel">Référentiel *</label>
 177 
                <label for="referentiel">Référentiel *</label>
- 
 
 178 
                <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'] : ''; ?>">
- 
 
 179 
 
172 
                  <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'] : ''; ?>">
 180 
                <!-- Bouton fichier-type à compléter -->
173 
                  <div class="input-file-container">
 181 
                <div class="input-file-container">
174 
                    <input type="file" class="input-file" name="especes" id="especes">
 182 
                  <input type="file" class="input-file" name="especes" id="especes">
175 
                    <label for="especes"class="label-file"><i class="fas fa-download"></i> Espèces</label> fichier type
 183 
                  <label for="especes"class="label-file"><i class="fas fa-download"></i> Espèces</label>
- 
 
 184 
                </div>
- 
 
 185 
                <div class="remove-file button" name="remove-file" title="Supprimer le fichier"><i class="fas fa-times" aria-hidden="true"></i></div>
176 
                  </div>
 186 
                <a href="#" class="button fichier-type"><i class="fas fa-file-alt" aria-hidden="true"></i> Fichier type</a>
177 
                  <div class="file-return especes"></div>
 187 
                <div class="file-return especes hidden"></div>
Line 178... Line 188...
178 
                </div><!-- end #profile-details-fields-section -->
 188 
              </div><!-- end #profile-details-fields-section -->
179 
 
 189 
 
180 
                <!--Submit-->
 190 
              <!--Submit-->
181 
                <div class="submit complete-registration" id="submit-button">
 191 
              <div class="submit complete-registration" id="submit-button">
182 
                  <button href="#" type="submit" name="signup_submit" id="signup_submit"  class="button" target="" title=""><span class="button-text">Terminer </span></button>
 192 
                <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>
Line 183... Line 193...
183 
                </div>
 193 
              </div>
Line 184... Line 194...
184 
                <!--Submit-->
 194 
              <!--Submit-->
185 
 
 195 
 
- 
 
 196 
            </form><!-- end #new-widget-form -->
186 
              </form><!-- end #new-widget-form -->
 197 
 
- 
 
 198 
            <form id="new-fields" autocomplete="off">
- 
 
 199 
                <h2>Ajouter des champs</h2>
- 
 
 200 
                <p class="message">
- 
 
 201 
                  <i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>
- 
 
 202 
                  &nbsp;Attention :
- 
 
 203 
                  <br>
- 
 
 204 
                  <i class="fa fa-bolt" aria-hidden="true"  style="color:#B3C954"></i>
- 
 
 205 
                  &nbsp;Le bouton "Valider" sert à valider les champs supplémentaires uniquement
187 
 
 206 
                  <br>
Line 188... Line 207...
188 
              <form id="new-fields">
 207 
                  <i class="fas fa-trophy" aria-hidden="true"  style="color:#B3C954"></i>
189 
                  <h2>Ajouter des champs</h2>
 208 
                  &nbsp;Le bouton "Terminer" sert à envoyer la totalité du nouveau widget
190 
                  <p class="message"><i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i> Attention : Ces nouveaux champs (tout comme le widget) ne seront pris en compte qu'une fois le formulaire validé</p>
 209 
                </p>
191 
              </form><!-- #new-fields = fomulaire oû viennent s'insérer les champs supplémentaires -->
 210 
            </form><!-- #new-fields = fomulaire oû viennent s'insérer les champs supplémentaires -->
192 
 
 211 
 
- 
 
 212 
            <div class="row">
- 
 
 213 
              <div class="col-md-4 col-sm-4 col-xs-4 buttons">
- 
 
 214 
                <label class="add-fields">Ajouter</label>
- 
 
 215 
                <div class="button" id="add-fields" title="Ajouter un champ"><i class="fa fa-plus" aria-hidden="true"></i></div>
193 
              <div class="row">
 216 
              </div>
194 
                <div class="col-md-6">
 217 
              <div class="col-md-4 col-sm-4 col-xs-4 buttons">
195 
                  <label class="add-fields">Ajouter champs</label>
 218 
                <label for="preview-field">Prévisualiser</label>
196 
                  <div class="button" id="add-fields" title="Ajouter un champ"><i class="fa fa-plus" aria-hidden="true"></i></div>
 219 
                <div class="button" id="preview-field" name="preview-field" title="prévisualiser"><i class="fa fa-magic" aria-hidden="true"></i></div>
197 
                </div>
 220 
              </div>
Line 198... Line 221...
198 
                <div class="col-md-6">
 221 
              <div class="col-md-4 col-sm-4 col-xs-4 buttons">
199 
                  <label class="validate-new-fields">Valider champs</label>
 - 
 
Line 200... Line 222...
200 
                  <div class="button disabled" id="validate-new-fields" title="Valider les champs supplémentaires"><i class="fa fa-check" aria-hidden="true"></i></div>
 222 
                <label class="validate-new-fields">Valider</label>
Line 201... Line 223...
201 
                </div>
 223 
                <div class="button" id="validate-new-fields" title="Valider les champs supplémentaires"><i class="fa fa-bolt" aria-hidden="true"></i></div>
202 
              </div>
 - 
 
203 
 
 - 
 
204 
              <hr>
 - 
 
205 
            </div>
 - 
 
206 
 
 - 
 
207 
          </div><!-- end .widget-blocks = tout le bloc de gauche-->
 - 
 
208 
 
 - 
 
209 
          <div class="widget-blocks col-md-8 project">
 - 
 
210 
            <p class="message">
 - 
 
211 
              <?php if ($mode === 'modification') : ?>
 224 
              </div>
212 
                Attention vous modifiez un widget déjà existant, le tag et la langue ne peuvent pas être changer.
 225 
            </div>
213 
                S'il s'agit d'un projet type, en modifiant ce widget vous modifiez tous les widgets de ce type.
 - 
 
214 
              <?php else : ?>
 - 
 
Line 215... Line 226...
215 
                Vous créez un widget, si vous choississez de le mettre dans un type, certains champs deviendront
 226 
 
216 
                obligatoires et la localisation (point ou rue) sera automatiquement déterminée.
 227 
            <hr>
- 
 
 228 
 
- 
 
 229 
          </div><!-- end .widget-blocks = tout le bloc de gauche-->
217 
              <?php endif; ?>
 230 
 
218 
            </p>
 231 
          <div class="widget-blocks col-md-8">
219 
<!-- <iframe src="http://localhost/widget:cel:saisie2?projet=<?php echo isset($widget['projet'])?$widget['projet']:'base'; ?>" class="widget-renderer" height="100%" width="100%" ></iframe> -->
 232 
<!-- <iframe src="http://localhost/widget:cel:saisie2?projet=<?php echo isset($widget['projet'])?$widget['projet']:'base'; ?>" class="widget-renderer" height="100%" width="100%" ></iframe> -->
220 
            <div class="widget-renderer">
 - 
 
Line 221... Line 233...
221 
 
 233 
            <div class="widget-renderer" style="background:rgba(248, 245, 239, 0.6);">
Line 222... Line 234...
222 
              <div class="row">
 234 
 
Line 223... Line 235...
223 
 
 235 
              <div id="preview-header" class="row">
- 
 
 236 
                  <div id="preview-logo" class="col-md-4">
- 
 
 237 
                    <img src="" alt="" width="75%">
- 
 
 238 
                  </div>
- 
 
 239 
                  <div id="preview-title" class="col-md-8">
- 
 
 240 
                    <h1></h1>
224 
                <div class="col-md-4">
 241 
                  </div>
- 
 
 242 
 
225 
                  <img id="preview-logo" src="" alt="">
 243 
              </div>
Line 226... Line 244...
226 
                  <div id="preview-title" class="col-md-8">
 244 
 
- 
 
 245 
              <div id="preview-messages" class="row">
227 
                    <h1></h1>
 246 
 
228 
                  </div>
 247 
                <div id="preview-description" class="col-md-7">
229 
                </div>
 248 
                  <div class="message">
230 
 
 249 
                    <h3>
231 
              </div>
 250 
                      <span>Projet : </span>
Line 259... Line 278...
259 
                      );
 278 
                        );
260 
                      return false;
 279 
                        return false;
261 
                    ">contactez-nous</a>
 280 
                      ">contactez-nous</a>
262 
                  </p>
 281 
                    </p>
263 
                </div>
 282 
                  </div>
- 
 
 283 
                </div>
264 
              </div><!-- end #preview-aide -->
 284 
              </div><!-- end #preview-aide -->
Line 265... Line 285...
265 
 
 285 
 
Line 266... Line 286...
266 
              <div id="preview-formulaire" class="row">
 286 
              <div id="preview-formulaire" class="row">
Line 375... Line 395...
375 
 
 395 
 
Line 376... Line 396...
376 
                </form>
 396 
                </form>
377 
 
 397 
 
378 
                <form id="form-supp" role="form" autocomplete="on">
 398 
                <form id="form-supp" role="form" autocomplete="on">
379 
                  <div id="zone-supp" class="row align-items-center">
 399 
                  <div id="zone-supp" class="row align-items-center">
380 
                    <div class="col-md-6"></div>
 400 
                    <div class="col-md-6 preview-container"></div>
Line 381... Line 401...
381 
                  </div>
 401 
                  </div>
Line 390... Line 410...
390 
          </div><!-- #widget-blocks = tout le bloc de droite-->
 410 
          </div><!-- #widget-blocks = tout le bloc de droite-->
Line 391... Line 411...
391 
 
 411 
 
392 
        </div>
 412 
        </div>
393 
      </div>
 413 
      </div>
- 
 
 414 
    </div>
- 
 
 415 
    <div id="help-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="help-modal-label" style="display: none;" aria-hidden="true">
- 
 
 416 
      <div class="modal-dialog modal-dialog-centered" role="document">
- 
 
 417 
        <div class="modal-content">
- 
 
 418 
          <div class="modal-header">
- 
 
 419 
            <h5 class="modal-title" id="help-modal-label"></h5>
- 
 
 420 
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
- 
 
 421 
              <span aria-hidden="true">×</span>
- 
 
 422 
            </button>
- 
 
 423 
          </div>
- 
 
 424 
          <div class="modal-body" id="print_content"></div>
- 
 
 425 
          <div class="modal-footer">
- 
 
 426 
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
- 
 
 427 
          </div>
- 
 
 428 
        </div>
- 
 
 429 
      </div>
394 
    </div>
 430 
    </div>
- 
 
 431 
    <script type="text/javascript" src="<?php echo $url_base; ?>modules/manager/squelettes/js/manager.js"></script>
395 
    <script type="text/javascript" src="<?php echo $url_base; ?>modules/manager/squelettes/js/manager.js"></script>
 432 
    </script>
396 
  </body>
 433 
  </body>