Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 2947 → Rev 2948

/trunk/widget/modules/saisie/squelettes/arbres-remarquables/arbres-remarquables.tpl.html
15,7 → 15,7
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
<!-- Favicones -->
<link rel="shortcut icon" type="image/x-icon" href="<?=$url_base?>modules/saisie/squelettes/arbres-remarquables/img/favicon.ico" />
<!-- <link rel="shortcut icon" type="image/x-icon" href="<?=$url_base?>modules/saisie/squelettes/arbres-remarquables/img/favicon.ico" /> -->
 
<!-- Javascript : bibliothèques -->
<!-- Google Map v3 -->
25,7 → 25,7
<script type="text/javascript" src="http://resources.tela-botanica.org/proj4js/2.2.1/proj4.js"></script>
 
<!-- Jquery -->
<script src="http://resources.tela-botanica.org/jquery/1.11.1/jquery-1.11.1.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.1.js"></script>
<!-- Jquery UI : nécessaire pour le mini-calendrier et l'auto-complétion -->
<script src="http://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/js/jquery-ui.min.js"></script>
<script src="http://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/js/datepicker-fr.js"></script>
435,94 → 435,6
 
<div class="row">
<div class="col-md-6">
<form id="form-situation" class="form-horizontal" role="form" autocomplete="on">
<div class="form-group has-tooltip"
title="Indiquez la situation de l'arbre remarquable.">
<label for="situation" class="col-sm-4 control-label">
<strong class="obligatoire">*</strong>
Contexte, situation :
</label>
<div id="situation-controls" class="col-sm-8">
<div class="btn-group dropdown">
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
Sélectionner une ou plusieurs situations
<span class="caret"></span>
</button>
<ul class="dropdown-menu col-sm-12" role="menu" aria-labelledby="dLabel">
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="situation[]" class="cb-situation obs-chp-etendu" type="checkbox" value="Arbre isolé"/>
Arbre isolé
</label>
</a>
</li>
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="situation[]" class="cb-situation obs-chp-etendu" type="checkbox" value="Arbre dans l'espace public"/>
Arbre dans l'espace public
</label>
</a>
</li>
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="situation[]" class="cb-situation obs-chp-etendu" type="checkbox" value="Arbre dans un jardin privé"/>
Arbre dans un jardin privé
</label>
</a>
</li>
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="situation[]" class="cb-situation obs-chp-etendu" type="checkbox" value="Arbre en forêt"/>
Arbre en forêt
</label>
</a>
</li>
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="situation[]" class="cb-situation obs-chp-etendu" type="checkbox" value="Arbre en espace agricole (champ, haie...)"/>
Arbre en espace agricole (champ, haie...)
</label>
</a>
</li>
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="situation[]" class="cb-situation obs-chp-etendu" type="checkbox" value="Arbre en falaise, terrain escarpé"/>
Arbre en falaise, terrain escarpé
</label>
</a>
</li>
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input id="situation-autre" name="situation[]" class="cb-situation obs-chp-etendu" type="checkbox" value="Autre"/>
Autre
</label>
</a>
</li>
</ul>
</div>
</div>
</div>
 
<div id="autre-situation-id" class="form-group has-tooltip hidden" >
<label for="autre-situation" class="col-sm-4 control-label">
Autre :
</label>
<div class="col-sm-4">
<input id="autre-situation" type="text" class="form-control obs-chp-etendu"
name="arbreRemarquableSituationAutre"
data-label=""
value="" />
</div>
</div>
</form>
<form id="form-obs" class="form-horizontal" role="form" autocomplete="on">
<h2>Données biologiques</h2>
707,6 → 619,94
</select>
</div>
</div>
</form>
<form id="form-situation" class="form-horizontal" role="form" autocomplete="on">
<div class="form-group has-tooltip"
title="Indiquez la situation de l'arbre remarquable.">
<label for="situation" class="col-sm-4 control-label">
<strong class="obligatoire">*</strong>
Contexte, situation :
</label>
<div id="situation-controls" class="col-sm-8">
<div class="btn-group dropdown">
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
Sélectionner une ou plusieurs situations
<span class="caret"></span>
</button>
<ul class="dropdown-menu col-sm-12" role="menu" aria-labelledby="dLabel">
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="situation-ch" class="cb-situation" type="checkbox" value="Arbre isolé"/>
Arbre isolé
</label>
</a>
</li>
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="situation-ch" class="cb-situation" type="checkbox" value="Arbre dans l'espace public"/>
Arbre dans l'espace public
</label>
</a>
</li>
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="situation-ch" class="cb-situation" type="checkbox" value="Arbre dans un jardin privé"/>
Arbre dans un jardin privé
</label>
</a>
</li>
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="situation-ch" class="cb-situation" type="checkbox" value="Arbre en forêt"/>
Arbre en forêt
</label>
</a>
</li>
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="situation-ch" class="cb-situation" type="checkbox" value="Arbre en espace agricole (champ, haie...)"/>
Arbre en espace agricole (champ, haie...)
</label>
</a>
</li>
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="situation-ch" class="cb-situation" type="checkbox" value="Arbre en falaise, terrain escarpé"/>
Arbre en falaise, terrain escarpé
</label>
</a>
</li>
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input id="situation-autre" name="situation-ch" class="cb-situation" type="checkbox" value="Autre"/>
Autre
</label>
</a>
</li>
</ul>
</div>
</div>
</div>
 
<div id="autre-situation-id" class="form-group has-tooltip hidden" >
<label for="autre-situation" class="col-sm-4 control-label">
Autre :
</label>
<div class="col-sm-4">
<input id="autre-situation" type="text" class="form-control"
name="arbreRemarquableSituationAutre"
data-label=""
value="" />
</div>
</div>
<div class="row">
<div class="col-md-12">
<h2 class="input-group">Notes<span class="input-group-btn">
719,9 → 719,6
</div>
</div>
</form>
 
 
</div>
734,7 → 731,7
 
<div class="form-group has-tooltip"
title="Indiquez la situation de l'arbre remarquable.">
<label for="esthetique[]" class="col-sm-4 control-label">
<label for="esthetique-ch" class="col-sm-4 control-label">
Intérêt esthétique
</label>
<div id="situation-controls" class="col-sm-8">
748,7 → 745,7
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="esthetique[]" class="cb-esthetique" type="checkbox" value="Forme humaine ou animale"/>
<input name="esthetique-ch" class="cb-esthetique" type="checkbox" value="Forme humaine ou animale"/>
Forme humaine ou animale
</label>
</a>
756,7 → 753,7
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="esthetique[]" class="cb-esthetique" type="checkbox" value="Arbre têtard"/>
<input name="esthetique-ch" class="cb-esthetique" type="checkbox" value="Arbre têtard"/>
Arbre têtard
</label>
</a>
764,7 → 761,7
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="esthetique[]" class="cb-esthetique" type="checkbox" value="Forme d’abri ou de voûte"/>
<input name="esthetique-ch" class="cb-esthetique" type="checkbox" value="Forme d’abri ou de voûte"/>
Forme d’abri ou de voûte
</label>
</a>
772,7 → 769,7
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="esthetique[]" class="cb-esthetique" type="checkbox" value="Aspect enlacé, soudé"/>
<input name="esthetique-ch" class="cb-esthetique" type="checkbox" value="Aspect enlacé, soudé"/>
Aspect enlacé, soudé
</label>
</a>
780,7 → 777,7
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="esthetique[]" class="cb-esthetique" type="checkbox" value="Aspect tortueux, tourmenté"/>
<input name="esthetique-ch" class="cb-esthetique" type="checkbox" value="Aspect tortueux, tourmenté"/>
Aspect tortueux, tourmenté
</label>
</a>
788,7 → 785,7
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="esthetique[]" class="cb-esthetique" type="checkbox" value="Port pleureur"/>
<input name="esthetique-ch" class="cb-esthetique" type="checkbox" value="Port pleureur"/>
Port pleureur
</label>
</a>
796,7 → 793,7
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input id="esthetique-autre" name="esthetique[]" class="cb-esthetique" type="checkbox" value="Autre"/>
<input id="esthetique-autre" name="esthetique-ch" class="cb-esthetique" type="checkbox" value="Autre"/>
Autre
</label>
</a>
811,7 → 808,7
Autre :
</label>
<div class="col-sm-4">
<input id="autre-esthetique" type="text" class="form-control obs-chp-etendu"
<input id="autre-esthetique" type="text" class="form-control"
name="arbreRemarquableEsthetique"
data-label=""
value="" />
823,12 → 820,37
<label for="historique" class="col-sm-4 control-label">
L’arbre a-t-il un intérêt historique / patrimonial ?
</label>
<textarea id="historique" class="col-sm-7" rows="2" name="arbreRemarquableHistorique"
<textarea id="historique" class="col-sm-7 obs-chp-etendu text-area" rows="2" name="arbreRemarquableHistorique"
placeholder="Laisser vide si inconnu."></textarea>
</div>
 
<!-- Type remarquable -->
<div class="form-group has-tooltip"
title="Quel est le degré de remarquabilité de cet arbre ?">
<label for="remarquabilite" class="col-sm-4 control-label">
<strong class="obligatoire">*</strong>
Selon vous, quel est le degré de remarquabilité de cet arbre ?
</label>
<div class="col-sm-8">
<div class="input-group">
<select id="remarquabilite" class="form-control obs-chp-etendu"
name="arbreRemarquableRemarquabilite"
data-label="Remarquabilite">
<option selected value="">Sélectionner le degré de remarquabilité</option>
<option value="Arbre exceptionnel">Arbre exceptionnel</option>
<option value="Arbre remarquable">Arbre remarquable</option>
<option value="Arbre d'intérêt local">Arbre d'intérêt local</option>
</select>
<div class="input-group-btn">
<button class="btn btn-default" type="button" data-toggle="modal" data-target="#remarq-description">
<span class="glyphicon glyphicon-info-sign"></span> Aide
</button>
</div>
</div>
</div>
</div>
</form>
<form id="form-remarquable" class="form-horizontal" role="form" autocomplete="on">
<!-- Type remarquable -->
<div class="row-fluid">
<div class="form-group">
<label class="col-sm-4 control-label pointer">
840,7 → 862,7
<!-- Intérêt esthétique -->
<div class="input-group">
<label for="remarquable-esthetique">
<input type="checkbox" id="remarquable-esthetique" class="cb-remarquable obs-chp-etendu" name="remarquable[]" value="esthétique" data-titre="esthétique" />
<input type="checkbox" id="remarquable-esthetique" class="cb-remarquable" name="remarquable-ch" value="esthétique" data-titre="esthétique" />
Intérêt esthétique
<input class="has-tooltip hidden" type="text" id="remarquable-esthetique-commentaire"
placeholder="commentaire optionnel"
850,7 → 872,7
<!-- Intérêt historique local -->
<div class="input-group">
<label for="remarquable-historique">
<input type="checkbox" id="remarquable-historique" class="cb-remarquable obs-chp-etendu" name="remarquable[]" value="historique" data-titre="historique" />
<input type="checkbox" id="remarquable-historique" class="cb-remarquable" name="remarquable-ch" value="historique" data-titre="historique" />
Intérêt historique local
<input class="has-tooltip hidden" type="text" id="remarquable-historique-commentaire"
placeholder="commentaire optionnel"
860,7 → 882,7
<!-- Intérêt biologique, refuge de biodiversité -->
<div class="input-group">
<label for="remarquable-biologique">
<input type="checkbox" id="remarquable-biologique" class="cb-remarquable obs-chp-etendu" name="remarquable[]" value="biologique" data-titre="biologique" />
<input type="checkbox" id="remarquable-biologique" class="cb-remarquable" name="remarquable-ch" value="biologique" data-titre="biologique" />
Intérêt biologique, refuge de biodiversité
<input class="has-tooltip hidden" type="text" id="remarquable-biologique-commentaire"
placeholder="commentaire optionnel"
870,7 → 892,7
<!-- Grand âge -->
<div class="input-group">
<label for="remarquable-age">
<input type="checkbox" id="remarquable-age" class="cb-remarquable obs-chp-etendu" name="remarquable[]" value="age" data-titre="age" />
<input type="checkbox" id="remarquable-age" class="cb-remarquable" name="remarquable-ch" value="age" data-titre="age" />
Grand âge
<input class="has-tooltip hidden" type="text" id="remarquable-age-commentaire"
placeholder="commentaire optionnel"
880,7 → 902,7
<!-- Taille importante -->
<div class="input-group">
<label for="remarquable-taille">
<input type="checkbox" id="remarquable-taille" class="cb-remarquable obs-chp-etendu" name="remarquable[]" value="taille" data-titre="taille" />
<input type="checkbox" id="remarquable-taille" class="cb-remarquable" name="remarquable-ch" value="taille" data-titre="taille" />
Taille importante
<input class="has-tooltip hidden" type="text" id="remarquable-taille-commentaire"
placeholder="commentaire optionnel"
890,7 → 912,7
<!-- Autre -->
<div class="input-group">
<label for="remarquable-autre">
<input type="checkbox" id="remarquable-autre" class="cb-remarquable obs-chp-etendu" name="remarquable[]" value="autre" data-titre="autre" />
<input type="checkbox" id="remarquable-autre" class="cb-remarquable" name="remarquable-ch" value="autre" data-titre="autre" />
Autre
<input class="has-tooltip hidden" type="text" id="remarquable-autre-commentaire"
placeholder="commentaire optionnel"
900,33 → 922,6
</div>
</div>
</div>
 
<div class="form-group has-tooltip"
title="Quel est le degré de remarquabilité de cet arbre ?">
<label for="remarquabilite" class="col-sm-4 control-label">
<strong class="obligatoire">*</strong>
Selon vous, quel est le degré de remarquabilité de cet arbre ?
</label>
<div class="col-sm-8">
<div class="input-group">
<select id="remarquabilite" class="form-control obs-chp-etendu"
name="arbreRemarquableRemarquabilite"
data-label="Remarquabilite">
<option selected value="">Sélectionner le degré de remarquabilité</option>
<option value="Arbre exceptionnel">Arbre exceptionnel</option>
<option value="Arbre remarquable">Arbre remarquable</option>
<option value="Arbre d'intérêt local">Arbre d'intérêt local</option>
</select>
<div class="input-group-btn">
<button class="btn btn-default" type="button" data-toggle="modal" data-target="#remarq-description">
<span class="glyphicon glyphicon-info-sign"></span> Aide
</button>
</div>
</div>
</div>
</div>
 
</form>
 
<div class="row">
938,7 → 933,7
<p class="miniature-info discretion help-inline">Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacune.</p>
<div id ="photos-conteneur" class="form-group">
<div class="col-sm-12">
<input type="file" id="fichier" name="fichier" class="form-control" accept="image/jpeg" />
<input type="file" id="fichier" name="fichier" class="form-control import-image" accept="image/jpeg" />
<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>
</div>
<div id="miniatures"></div>