Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 2943 → Rev 2944

/trunk/widget/modules/saisie/squelettes/arbres-remarquables/arbres-remarquables.tpl.html
518,7 → 518,6
<div id="situation-controls" class="col-sm-8">
<div class="btn-group dropdown">
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="glyphicon glyphicon-globe"></span>
Sélectionner une ou plusieurs situations
<span class="caret"></span>
</button>
527,7 → 526,7
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="situation[]" class="cb-milieux" type="checkbox" value="Arbre isolé"/>
<input name="situation[]" class="cb-situation" type="checkbox" value="Arbre isolé"/>
Arbre isolé
</label>
</a>
535,7 → 534,7
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="situation[]" class="cb-milieux" type="checkbox" value="Arbre dans l'espace public"/>
<input name="situation[]" class="cb-situation" type="checkbox" value="Arbre dans l'espace public"/>
Arbre dans l'espace public
</label>
</a>
543,7 → 542,7
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="situation[]" class="cb-milieux" type="checkbox" value="Arbre dans un jardin privé"/>
<input name="situation[]" class="cb-situation" type="checkbox" value="Arbre dans un jardin privé"/>
Arbre dans un jardin privé
</label>
</a>
551,7 → 550,7
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="situation[]" class="cb-milieux" type="checkbox" value="Arbre en forêt"/>
<input name="situation[]" class="cb-situation" type="checkbox" value="Arbre en forêt"/>
Arbre en forêt
</label>
</a>
559,7 → 558,7
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="situation[]" class="cb-milieux" type="checkbox" value="Arbre en espace agricole (champ, haie...)"/>
<input name="situation[]" class="cb-situation" type="checkbox" value="Arbre en espace agricole (champ, haie...)"/>
Arbre en espace agricole (champ, haie...)
</label>
</a>
567,7 → 566,7
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="situation[]" class="cb-milieux" type="checkbox" value="Arbre en falaise, terrain escarpé"/>
<input name="situation[]" class="cb-situation" type="checkbox" value="Arbre en falaise, terrain escarpé"/>
Arbre en falaise, terrain escarpé
</label>
</a>
575,7 → 574,7
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="situation[]" class="cb-milieux" type="checkbox" value="Autre"/>
<input id="situation-autre" name="situation[]" class="cb-situation" type="checkbox" value="Autre"/>
Autre
</label>
</a>
593,7 → 592,7
<div class="col-sm-4">
<input id="autre-situation" type="text" class="form-control obs-chp-etendu"
name="arbreRemarquableSituation"
data-label="Nombre d'arbres d'alignement"
data-label=""
value="" />
</div>
</div>
734,7 → 733,7
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="esthetique[]" class="cb-milieux" type="checkbox" value="Forme humaine ou animale"/>
<input name="esthetique[]" class="cb-esthetique" type="checkbox" value="Forme humaine ou animale"/>
Forme humaine ou animale
</label>
</a>
742,7 → 741,7
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="esthetique[]" class="cb-milieux" type="checkbox" value="Arbre têtard"/>
<input name="esthetique[]" class="cb-esthetique" type="checkbox" value="Arbre têtard"/>
Arbre têtard
</label>
</a>
750,7 → 749,7
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="esthetique[]" class="cb-milieux" type="checkbox" value="Forme d’abri ou de voûte"/>
<input name="esthetique[]" class="cb-esthetique" type="checkbox" value="Forme d’abri ou de voûte"/>
Forme d’abri ou de voûte
</label>
</a>
758,7 → 757,7
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="esthetique[]" class="cb-milieux" type="checkbox" value="Aspect enlacé, soudé"/>
<input name="esthetique[]" class="cb-esthetique" type="checkbox" value="Aspect enlacé, soudé"/>
Aspect enlacé, soudé
</label>
</a>
766,7 → 765,7
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="esthetique[]" class="cb-milieux" type="checkbox" value="Aspect tortueux, tourmenté"/>
<input name="esthetique[]" class="cb-esthetique" type="checkbox" value="Aspect tortueux, tourmenté"/>
Aspect tortueux, tourmenté
</label>
</a>
774,7 → 773,7
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="esthetique[]" class="cb-milieux" type="checkbox" value="Port pleureur"/>
<input name="esthetique[]" class="cb-esthetique" type="checkbox" value="Port pleureur"/>
Port pleureur
</label>
</a>
782,7 → 781,7
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="esthetique[]" class="cb-milieux" type="checkbox" value="Autre"/>
<input id="esthetique-autre" name="esthetique[]" class="cb-esthetique" type="checkbox" value="Autre"/>
Autre
</label>
</a>
791,6 → 790,19
</div>
</div>
</div>
 
<div id="autre-esthetique-id" class="form-group has-tooltip hidden" >
<label for="autre-esthetique" class="col-sm-4 control-label">
<strong class="obligatoire">*</strong>
Autre :
</label>
<div class="col-sm-4">
<input id="autre-esthetique" type="text" class="form-control obs-chp-etendu"
name="arbreRemarquableEsthetique"
data-label=""
value="" />
</div>
</div>
<div class="form-group">
801,29 → 813,39
placeholder="Laisser vide si inconnu."></textarea>
</div>
<div class="form-group">
 
<!-- Type de culture -->
<div class="row-fluid">
<div class="span3 control-group">
<label class="pointer">
<span class="has-tooltip pointer"
title="Vous pouvez sélectionner un type de culture parmi la liste ou en saisir un manuellement via l'option Autres"
>
<strong class="obligatoire">*Type de culture</strong>
>
<strong class="obligatoire">*Pourquoi cet individu vous semble-t-il remarquable ?</strong>
</span>
</label>
</div>
<div class="span9 control-group">
<!-- Céréale -->
<label for="culture-cereale-radio" class="radio culture pointer">
<input type="checkbox" id="culture-cereale-radio" name="type-culture" value="cereale" data-titre="céréale" />
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover"></i>
Céréale
<input class="has-tooltip" type="text" id="culture-cereale-input" name="type-culture-details"
placeholder="Ex : Blé"
style="display: none;"
title="Si vous la connaissez, indiquez quelle plante est cultivée sur le champ"
/>
</label>
<!-- 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" />
Intérêt esthétique
<input class="has-tooltip hidden" type="text" id="remarquable-esthetique-commentaire"
placeholder="commentaire optionnel"
/>
</label>
</div>
<!-- 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" />
Intérêt historique local
<input class="has-tooltip hidden" type="text" id="remarquable-historique-commentaire"
placeholder="commentaire optionnel"
/>
</label>
</div>
</div>
</div>
 
/trunk/widget/modules/saisie/squelettes/arbres-remarquables/css/arbres-remarquables.css
491,4 → 491,8
 
input[type="file"] {
padding-top: 0;
}
 
label input[type="text"] {
font-weight: normal;
}
/trunk/widget/modules/saisie/squelettes/arbres-remarquables/js/WidgetSaisieArbresRemarquables.js
15,12 → 15,20
lthis.basculerOuvertureFermetureCadre($(this).find('.icone'));
});
 
// multi cases à cocher dans un menu déroulant : clic confortable !
$('.btn-group.dropdown ul li input[type="checkbox"], .btn-group.dropdown ul li label').on('click', function(event) {
$(this).valid();
event.stopPropagation();
});
 
this.surChangementTaxonListe();// Vérif lors du chargement de la page
$('#taxon-liste').on('change', this.surChangementTaxonListe.bind(this));
this.surChangementSituation();// Vérif lors du chargement de la page
$('#situation').on('change', this.surChangementSituation.bind(this));
$('#situation-autre').on('change', this.surChangementSituation.bind(this));
this.surChangementEsthetique();// Vérif lors du chargement de la page
$('#esthetique').on('change', this.surChangementEsthetique.bind(this));
$('#esthetique-autre').on('change', this.surChangementEsthetique.bind(this));
this.surChangementRemarquable();// Vérif lors du chargement de la page
$('.cb-remarquable').on('change', this.surChangementRemarquable.bind(this));
 
// Gestion des obs
this.surChangementNbreObs();
123,15 → 131,17
};
 
WidgetSaisieArbresRemarquables.prototype.surChangementEsthetique = function() {
if ($('#esthetique').val() === 'autre') {
$('#esthetique-autre').removeClass('hidden');
var cochee = $('#esthetique-autre').prop("checked");
if (cochee) {
$('#autre-esthetique-id').removeClass('hidden');
} else {
$('#esthetique-autre').addClass('hidden');
$('#autre-esthetique-id').addClass('hidden');
}
};
 
WidgetSaisieArbresRemarquables.prototype.surChangementSituation = function() {
if ($('#situation').val() === 'Autre') {
var cochee = $('#situation-autre').prop("checked");
if (cochee) {
$('#autre-situation-id').removeClass('hidden');
} else {
$('#autre-situation-id').addClass('hidden');
138,6 → 148,21
}
};
 
// Activation de la saisie si on clique sur un type de champ
WidgetSaisieArbresRemarquables.prototype.surChangementRemarquable = function() {
$('.cb-remarquable').each(function() {
var id = $(this).prop('id'),
cochee = $(this).prop("checked"),
idCommentaire = id + '-commentaire',
champCommentaire = $('#' + idCommentaire);
if (cochee) {
champCommentaire.removeClass('hidden');
} else {
champCommentaire.addClass('hidden');
}
});
};
 
WidgetSaisieArbresRemarquables.prototype.configurerFormValidator = function() {
$.validator.addMethod(
'dateCel',
409,17 → 434,20
});
};
 
/* jQuery en vrac */
$(document).ready(function() {
/**
* Redéfinition pour les champs complexes
*/
WidgetSaisieArbresRemarquables.prototype.getObsChpEtendus = function() {
var champs = [];
 
// Activation de la saisie si on clique sur un type de champ
function gererAffichageChampCulture(){
$('.culture input[type=text]').hide();
var radio = $('.culture input[type=radio]:checked');
var input = radio.parent().find('input[type=text]');
(radio.is(':checked')) ? input.show() && input.focus() : input.hide();
}
$('.culture').change(gererAffichageChampCulture);
// ... et aussi au chargement du widget, si la sélection est restée sur un champ
gererAffichageChampCulture();
});
$('.obs-chp-etendu').each(function() {
var valeur = $(this).val(),
cle = $(this).attr('name'),
label = $(this).data('label');
if (valeur != '') {
var chpEtendu = {cle: cle, label: label, valeur: valeur};
champs.push(chpEtendu);
}
});
return champs;
};