Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 2947 → Rev 2948

/trunk/widget/modules/saisie/squelettes/arbres-remarquables/css/arbres-remarquables.css
155,12 → 155,18
 
/*+--------------------------------------------------------------------------------------------------------+*/
/* Formulaire spécifique */
.import-image {
padding-left: 0px;
}
.text-area {
margin-left: 12px;
}
.page-header {
background-color: rgba(232, 232, 232, 1);
border-radius: 10px;
}
.page-header h1{
font-size: 3em;
font-size: 2.8em;
line-height: 90px;
color: #2B2E34;
font-family: 'Ubuntu', sans-serif;
/trunk/widget/modules/saisie/squelettes/arbres-remarquables/js/WidgetSaisieArbresRemarquables.js
220,9 → 220,10
observateur = $("#form-observateur").valid();
situation = $("#form-situation").valid();
criteres = $("#form-criteres").valid();
remarquable = $("#form-remarquable").valid();
station = $("#form-station").valid();
obs = $("#form-obs").valid();
return (observateur && station && obs && criteres && situation);
return (observateur && station && obs && criteres && situation &&remarquable);
};
 
WidgetSaisieArbresRemarquables.prototype.definirReglesFormValidator = function() {
263,22 → 264,33
});
$('#form-situation').validate({
rules: {
"situation[]" : {
"situation-ch" : {
required : true,
minlength : 1
}
},
errorPlacement: function(error, element) {
//error.insertBefore(element.parent());
error.insertBefore(element.parent());
error.insertAfter(element.closest('div.btn-group.dropdown'));
}
});
$('#form-criteres').validate({
rules: {
"arbreRemarquableRemarquable[]": 'required',
arbreRemarquableRemarquabilite: 'required'
}
});
$('#form-remarquable').validate({
rules: {
"remarquable-ch" : {
required : true,
minlength : 1
}
},
errorPlacement: function(error, element) {
error.insertBefore(element.parent());
error.insertAfter(element.closest('div.control-group'));
}
});
};
 
 
318,7 → 330,6
lng = $('input[name="longitude"]').val(),
date = $('#date').val(),
certitude = $('#certitude').val(),
nbreAligne = ($('#aligne-nbre').val() != undefined ? ' (' + $('#aligne-nbre').val() + ')' : ''),
circonference = $('#circonference').val(),
hauteur = $('#hauteurNbr').val(),
hauteurPrec = ($('#hauteurPrec').val() != "" ? ' (' + $('#hauteurPrec').val() + ')' : ''),
326,12 → 337,25
sante = $('#sante').val(),
cavites = $('#cavites').val(),
historique = $('#historique').val(),
notes = (nomSpecial ? this.taxons[numNomSel]['nom_fr'] + ".<br />" : '') + $('#notes').val();
notes = (nomSpecial ? this.taxons[numNomSel]['nom_fr'] + ".<br />" : '') + $('#notes').val(),
remarquabilite= $('#remarquabilite').val();
var culture = ($('input[name=type-culture]').is(':checked') ? $('input[name=type-culture]:checked').data('titre') : "?");
var cultureDetails = ($('input[name=type-culture]').is(':checked') ? $('input[name=type-culture]:checked').parent().find('input[type=text]').val() : '?');
var situation = [];
// récupération des cases à cocher multiples dans un tableau pour l'abondance
$('input[name="situation-ch"]:checked').each(function() {
situation.push(' '+$(this).val());
});
var remarquable = [];
// récupération des cases à cocher multiples dans un tableau pour l'abondance
$('input[name="remarquable-ch"]:checked').each(function() {
remarquable.push(' '+$(this).val());
});
var esthetique = [];
// récupération des cases à cocher multiples dans un tableau pour l'abondance
$('input[name="esthetique-ch"]:checked').each(function() {
esthetique.push(' '+$(this).val());
});
 
 
$('#liste-obs').prepend(
'<div id="obs'+this.obsNbre+'" class="obs obs'+this.obsNbre+'">'+
'<div class="well">'+
365,9 → 389,13
'<span>Âge :</span> ' + age + ' ; ' +
'<span>Santé :</span> ' + sante + ' ; ' +
'<span>Cavités :</span> ' + cavites + ' ; ' +
'<span>Situation :</span> ' + situation + ' ; ' +
'</li>' +
'<li>' +
'<span>Historique :</span> ' + historique + ' ' +
'<span>Intérêt esthetique :</span> ' + esthetique + ' ' +
'<span>Intérêt historique :</span> ' + historique + ' ' +
'<span>Raison(s) remarquabilité :</span> ' + remarquable + ' ' +
'<span>Degré de remarquabilité :</span> ' + remarquabilite + ' ' +
'</li>' +
'<li>' +
'<span>Notes :</span> ' + notes +
389,17 → 417,6
return nn;
};
 
/*WidgetSaisieArbresRemarquables.prototype.getMilieux = function() {
var milieuxStr = '',
milieux = [];
$('.cb-milieux:checked').each(function() {
milieux.push($(this).val());
});
 
milieuxStr = Array.prototype.slice.call(milieux).join(', ');
return milieuxStr;
};*/
 
WidgetSaisieArbresRemarquables.prototype.getTextOptionSelectionne = function(id) {
return ($('#' + id).val() != undefined ? $('#' + id + ' option:selected').text() : '');
};
434,7 → 451,6
'commune_code_insee' : $('#commune-code-insee').text(),
'altitude': $('#altitude').text(),
'lieudit': $('#lieudit').val(),
'milieu': this.getMilieux(),
'certitude': $('#certitude').val(),
 
//Ajout des champs images
449,7 → 465,10
* Redéfinition pour les champs complexes
*/
WidgetSaisieArbresRemarquables.prototype.getObsChpEtendus = function() {
var champs = [];
var champs = [],
situation = [],
esthetique = [],
remarquable = [];
 
$('.obs-chp-etendu').each(function() {
var valeur = $(this).val(),
460,5 → 479,50
champs.push(chpEtendu);
}
});
$('input.cb-situation').each(function() {
var valeur = $(this).val();
if (valeur == 'Autre') {
if ($('#autre-situation').val() != '') {
situation.push(valeur+' :'+$('#autre-situation').val());
} else {
situation.push(valeur);
}
} else if (valeur != '') {
situation.push(valeur);
}
});
var chpEtendu = {cle: 'arbreRemarquableSituation', label: 'contexte/situation', valeur: situation.join('; ')};
champs.push(chpEtendu);
$('input.cb-remarquable').each(function() {
var valeur = $(this).val(),
comm = $(this).attr('id')+'-commentaire',
commid = $('#'+comm).val();
if (commid != '') {
remarquable.push(valeur+' :'+commid);
} else {
remarquable.push(valeur);
}
});
var chpEtendu = {cle: 'arbreRemarquableRemarquable', label: 'remarquable', valeur: remarquable.join('; ')};
champs.push(chpEtendu);
$('input.cb-esthetique').each(function() {
var valeur = $(this).val();
console.log(valeur);
if (valeur == 'Autre') {
if ($('#autre-esthetique').val() != '') {
esthetique.push(valeur+' :'+$('#autre-esthetique').val());
} else {
esthetique.push(valeur);
}
} else if (valeur != '') {
esthetique.push(valeur);
}
});
var chpEtendu = {cle: 'arbreRemarquableEsthetique', label: 'Intérêt esthétique', valeur: esthetique.join('; ')};
champs.push(chpEtendu);
return champs;
};
/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>