Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 1239 → Rev 1240

/branches/v1.5-cisaille/widget/modules/saisie/squelettes/defaut/css/defaut.css
31,9 → 31,26
.ns-retenu {
font-weight:bold;
}
.nn{
color:#3B9D3B;
}
.nom-sci{
font-size:1.5em;
font-weight:bold;
}
.commune, .date{
font-size:1.3em;
font-weight:bold;
}
.obs-action{
opacity:1;
}
.miniature{
max-width:100px;
}
/*+--------------------------------------------------------------------------------------------------------+*/
/* Correction style CSS Bootstrap */
.well {
margin-bottom: 5px;
padding: 4px;
}
}
/branches/v1.5-cisaille/widget/modules/saisie/squelettes/defaut/defaut.tpl.html
70,12 → 70,12
"ns.structure=au"+"&"+
"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE;
console.log(SERVICE_AUTOCOMPLETION_NOM_SCI_URL);
// Nombre d'observations max autorisé avant transmission
var OBS_MAX_NBRE = 10;
// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
var SERVICE_NOM_COMMUNE_URL = "http://www.tela-botanica.org/service:eflore:osm/0.1/nom-commune?lon={lon}&lat={lat}";
// URL du marqueur à utiliser dans la carte Google Map
var GOOGLE_MAP_MARQUEUR_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/marqueurs/epingle.png";
// URL de l'icône du bouton supprimer
var SUPPRIMER_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/supprimer.png";
// URL de l'icône du chargement en cours
var CHARGEMENT_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/chargement.gif";
// URL de l'icône du calendrier
93,14 → 93,17
<link href="<?=$url_base?>modules/saisie/squelettes/defaut/css/<?=isset($_GET['style']) ? $_GET['style'] : 'defaut'?>.css" rel="stylesheet" type="text/css" media="screen" />
</head>
 
<body>
<body data-spy="scroll">
<div class="container">
<div class="row-fluid">
<div class="span6 page-header">
<div class="row">
<img class="span1" src="<?=$url_base?>/modules/saisie/squelettes/defaut/img/logos/tela_botanica.png" alt="Tela Botanica" />
<div class="span5">
<h1>Outil de saisie simplifiée (CEL)</h1>
<div class="span6">
<h1><img class="span1" src="<?=$url_base?>/modules/saisie/squelettes/defaut/img/logos/tela_botanica.png" alt="Tela Botanica" /> Outil de saisie simplifiée (CEL)</h1>
</div>
</div>
<div class="row">
<div class="span6">
<p>
Ce widget de saisie vous permet de partager simplement vos observations avec le
<a href="http://www.tela-botanica.org/site:accueil">réseau Tela Botanica</a>.
115,12 → 118,10
</p>
</div>
</div>
</div>
<div class="span6">
<div class="well">
<fieldset>
<h2>Observateur</h2>
<form id="form-observateur" action="#" class="" autocomplete="on">
<div class="row-fluid">
170,7 → 171,6
</button>
</div>
</div>
</fieldset>
</div>
</div>
</div>
356,7 → 356,7
<div class="span12">
<div class="well">
<h2>Observations à transmettre : <span class="obs-nbre">0</span></h2>
<div id="liste-obs"></div>
<div id="liste-obs" ></div>
<div class="row">
<div class="zone-alerte span6 offset3">
<div id="dialogue-zero-obs" class="alert alert-block" style="display: none;">
/branches/v1.5-cisaille/widget/modules/saisie/squelettes/defaut/js/defaut.js
450,7 → 450,7
$("#taxon-input-groupe").removeClass(validClass)
.removeClass(errorClass)
.addClass(warningClass);
this.showLabel(element, "Nom absent du référentiel.");
this.showLabel(element, "Ce nom n'est pas lié au référentiel.");
}
} else {
if ($("#taxon").val() != '') {
514,35 → 514,43
obsNumero = obsNumero + 1;
obsNbre = obsNbre + 1;
$(".obs-nbre").text(obsNbre);
$("#liste-obs").append(
$("#liste-obs").prepend(
'<div id="obs'+obsNumero+'" class="row-fluid obs obs'+obsNumero+'">'+
'<div class="span1 obs-miniature thumbnail">'+
ajouterImgMiniatureAuTransfert()+
'<div class="span12">'+
'<div class="well" >'+
'<div class="obs-action pull-right" rel="tooltip" title="Supprimer cette observation">'+
'<button class="btn btn-danger supprimer-obs" value="'+obsNumero+'" title="'+obsNumero+'">'+
'<i class="icon-trash icon-white"></i>'+
'</button>'+
'</div> '+
'<div class="row-fluid">'+
'<div class="thumbnail span2">'+
ajouterImgMiniatureAuTransfert()+
'</div>'+
'<div class="span9">'+
'<ul class="unstyled">'+
'<li>'+
'<span class="nom-sci">'+$("#taxon").val()+'</span> '+
ajouterNumNomSel()+
' observé à '+
'<span class="commune">'+$('#commune-nom').text()+'</span> '+
'('+$('#commune-code-insee').text()+') ['+$("#latitude").val()+' / '+$("#longitude").val()+']'+
' le '+
'<span class="date">'+$("#date").val()+'</span>'+
'</li>'+
'<li>'+
'<span>Lieu-dit :</span> '+$('#lieudit').val()+' '+
'<span>Station :</span> '+$('#station').val()+' '+
'<span>Milieu :</span> '+$('#milieu').val()+' '+
'</li>'+
'<li>'+
'Commentaires : <span class="discretion">'+$("#notes").val()+'</span>'+
'</li>'+
'</ul>'+
'</div>'+
'</div>'+
'</div>'+
'</div>'+
'<div class="span9">'+
'<ul class="unstyled">'+
'<li>'+
$("#taxon").val()+
' observé à '+
$('#commune-nom').text()+' ('+$('#commune-code-insee').text()+') ['+$("#latitude").val()+' / '+$("#longitude").val()+']'+
' le '+
$("#date").val()+
'</li>'+
'<li>'+
'<span>Lieu-dit :</span> '+$('#lieudit').val()+' '+
'<span>Station :</span> '+$('#station').val()+' '+
'<span>Milieu :</span> '+$('#milieu').val()+' '+
'</li>'+
'<li>'+
'Commentaires : '+$("#notes").val()+
'</li>'+
'</ul>'+
'</div>'+
'<div class="obs-action span1" title="Supprimer cette observation">'+
'<button class="supprimer-obs" value="'+obsNumero+'" title="'+obsNumero+'">'+
'<img src="'+SUPPRIMER_ICONE_URL+'"/>'+
'</button>'+
'</div>'+
'</div>');
//rassemble les obs dans #liste-obs
$("#liste-obs").data('obsId'+obsNumero, {
575,11 → 583,14
});
$(".obs-nbre").on('changement', function() {
console.log('changment obs : '+$(this).text());
if ($(this).text() == '0') {
if (obsNbre == 0) {
$("#transmettre-obs").attr('disabled', 'disabled');
} else {
$("#ajouter-obs").removeAttr('disabled');
} else if (obsNbre > 0 && obsNbre < OBS_MAX_NBRE) {
$("#transmettre-obs").removeAttr('disabled');
$("#ajouter-obs").removeAttr('disabled');
} else if (obsNbre >= OBS_MAX_NBRE) {
$("#ajouter-obs").attr('disabled', 'disabled');
}
});
729,7 → 740,7
var css = $("#miniature-img").hasClass('b64') ? 'miniature b64' : 'miniature';
var src = $("#miniature-img").attr("src");
var alt = $("#miniature-img").attr("alt");
miniature = '<img class="'+css+'" alt="'+alt+'"src="'+src+'" />';
miniature = '<img class="'+css+' " alt="'+alt+'"src="'+src+'" />';
} else {
miniature = '<img class="miniature" alt="Aucune photo"src="'+PAS_DE_PHOTO_ICONE_URL+'" />';
}
736,6 → 747,16
return miniature;
}
 
function ajouterNumNomSel() {
var nn = '';
if ($("#taxon").data("numNomSel") == undefined) {
nn = '<span class="alert-error">[non lié au référentiel]</span>';
} else {
nn = '<span class="nn">[nn'+$("#taxon").data("numNomSel")+']</span>';
}
return nn;
}
 
//+---------------------------------------------------------------------------------------------------------+
// AUTO-COMPLÉTION Noms Scientifiques