WebSVN – eFlore/Applications.cel – /trunk/widget/modules/saisie/squelettes/missions-flore/js/WidgetSaisieMissionsFlore.js

// Héritage
function WidgetSaisieMissionsFlore() {
        this.serviceAltitudeUrl = null;
}
WidgetSaisieMissionsFlore.prototype = new WidgetSaisie();


WidgetSaisieMissionsFlore.prototype.initForm = function() {
        // super()
        WidgetSaisie.prototype.initForm.call(this);

        this.surChangementAbondance();// Vérif lors du chargement de la page
        $('#abondance').on('change', this.surChangementAbondance.bind(this));
};

WidgetSaisieMissionsFlore.prototype.initEvts = function() {
        // super()
        WidgetSaisie.prototype.initEvts.call(this);

        var lthis = this;
        $('body').on('click', '.fermer', function(event) {
                        event.preventDefault();
                        lthis.basculerOuvertureFermetureCadre($(this).find('.icone'));
        });
        $('.btn-coord ').on('click', this.basculerAffichageCoord);

        this.surChangementNbreObs();
};

WidgetSaisieMissionsFlore.prototype.mettreAJourMarkerPosition = function(latLng) {
        this.trouverCommune(latLng);
        this.trouverAltitude(latLng);

        var lat = latLng.lat().toFixed(5),
                lng = latLng.lng().toFixed(5);
        this.remplirChampLatitude(lat);
        this.remplirChampLongitude(lng);
        this.remplirChampsLambert93(lat, lng);
};

proj4.defs([
        ['EPSG:4326', '+proj=longlat +ellps=WGS84 +datum=WGS84 +no_defs'],
        ['EPSG:2154', '+title=RGF93 / Lambert-93 +proj=lcc +lat_1=49 +lat_2=44 +lat_0=46.5 +lon_0=3 +x_0=700000 +y_0=6600000 +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs']
]);
WidgetSaisieMissionsFlore.prototype.remplirChampsLambert93 = function(lat, lng) {
        // Prendre en compte l'initialisation des projections
        var coordinate = {x: lng,y: lat};
        proj4(proj4.defs('EPSG:4326'), proj4.defs('EPSG:2154')).forward(coordinate);
        $('#l93-x').val(coordinate.x.toFixed(0));
        $('#l93-y').val(coordinate.y.toFixed(0));
};

WidgetSaisieMissionsFlore.prototype.trouverAltitude = function(pos) {
        var lthis = this;
        var url_service = this.serviceAltitudeUrl,
                urlAltFormatee = url_service.replace('{lat}', pos.lat()).replace('{lon}', pos.lng());
        $.ajax({
                url: urlAltFormatee,
                type: 'GET',
                dataType: 'jsonp',
                beforeSend : function() {
                        $('#altitude').empty();
                        $('#dialogue-erreur .alert-txt').empty();
                },
                success : function(data, textStatus, jqXHR) {
                        $('#altitude').empty().append(data.altitude);
                        $('#marqueur-altitude').data('altitude', data.altitude);
                },
                statusCode : {
                    500 : function(jqXHR, textStatus, errorThrown) {
                                if (lthis.debug) {
                                        $('#dialogue-erreur .alert-txt').append('<p id="msg">Un problème est survenu lors de l\'appel au service fournissant l\'altitude.</p>');
                                        reponse = jQuery.parseJSON(jqXHR.responseText);
                                        var erreurMsg = '';
                                        if (reponse != null) {
                                                $.each(reponse, function (cle, valeur) {
                                                        erreurMsg += valeur + '<br />';
                                                });
                                        }

                                        $('#dialogue-erreur .alert-txt').append('<p class="msg-erreur">Erreur 500 : '+errorThrown+"<br />"+erreurMsg+'</p>');
                                }
                    }
                },
                error : function(jqXHR, textStatus, errorThrown) {
                        if (lthis.debug) {
                                $("#dialogue-erreur .alert-txt").append('<p class="msg">Une erreur Ajax est survenue lors de l\'appel au service fournissant l\'altitude.</p>');
                                reponse = jQuery.parseJSON(jqXHR.responseText);
                                var erreurMsg = '';
                                if (reponse != null) {
                                        $.each(reponse, function (cle, valeur) {
                                                erreurMsg += valeur + '<br />';
                                        });
                                }

                                $('#dialogue-erreur .alert-txt').append('<p class="msg-erreur">Erreur Ajax : '+errorThrown+' (type : '+textStatus+') <br />'+erreurMsg+'</p>');
                        }
                },
                complete : function(jqXHR, textStatus) {
                        var debugMsg = extraireEnteteDebug(jqXHR);
                        if (debugMsg != '') {
                                if (lthis.debug) {
                                        $('#dialogue-erreur .alert-txt').append('<pre class="msg-debug msg">Débogage : '+debugMsg+'</pre>');
                                }
                        }
                        if ($('#dialogue-erreur .msg').length > 0) {
                                $('#dialogue-erreur').show();
                        }
                }
        });
};

WidgetSaisieMissionsFlore.prototype.surChangementAbondance = function() {
        if (this.afficherIndividusNbreGroupe()) {
                $('#individus-nbre-groupe').removeClass('hidden');
                $('#individus-nbre').valid();
        } else {
                $('#individus-nbre-groupe').addClass('hidden');
        }
};

WidgetSaisieMissionsFlore.prototype.afficherIndividusNbreGroupe = function() {
        var abondance = $('#abondance').val();
        if (abondance === '1-4 individus' || abondance === '5-9 individus' || abondance === '10-49 individus') {
                return true;
        } else {
                return false;
        }
};

WidgetSaisieMissionsFlore.prototype.configurerFormValidator = function() {
        var lthis = this;
        $.validator.addMethod(
                'dateCel',
                function (value, element) {
                        return value === '' || (/^[0-9]{2}[-\/][0-9]{2}[-\/][0-9]{4}$/.test(value));
                },
                'Format : jj/mm/aaaa. Date incomplète, utiliser 0, exemple : 00/12/2011.');

        $.validator.addMethod(
                'individusNbre',
                function (value, element) {
                        var ok = true;
                        if (lthis.afficherIndividusNbreGroupe()) {
                                var abondance = $('#abondance').val();
                                if (abondance === '1-4 individus') {
                                        ok = value === '' || (value !== '' && /^[0-9]+$/.test(value) && value >= 1 && value < 5);
                                } else if (abondance == '5-9 individus') {
                                        ok = value === '' || (value !== '' && /^[0-9]+$/.test(value) && value >= 5 && value < 10);
                                } else if (abondance === '10-49 individus') {
                                        ok = value === '' || (value !== '' && /^[0-9]+$/.test(value) && value >= 10 && value < 50);
                                }
                        }
                        return ok;
                },
                "Veuillez indiquer le nombre d'individus sous forme d'entier positif et compris dans la classe définie par le champ « Abondance » (Ex. : 3, 15 ou 33...).");

        $.validator.addMethod(
                'isbn',
                function (value, element) {
                        var isbn = value.trim();
                        return (value == '' || (/^ISBN(-1(?:(0)|3))?:?( )*[0-9]+[- ][0-9]+[- ][0-9]+[- ][0-9]*[- ]*[xX0-9]$/).test(isbn));
                },
                'Format : ISBN 10 ou 13 avec chaque partie séparée par un espace ou tiret. <br />'+
                'Doit débuter par : "ISBN" ou "ISBN-10" ou "ISBN-13". Suivi par ":" ou ": " ou directement le code ISBN.<br />'+
                '(Ex. : ISBN:978-3-642-11746-6, ISBN:978 3 642 11746 6, ISBN: 978 3 642 11746 6, ISBN-10: 3 642 11746 6).');

        // Modification des méthodes par défaut de Jquery Validation pour Boostrap 3
        $.validator.setDefaults({
                ignore: [],// Forcer Jquery Validate à examiner les éléments en "display:none;"
                highlight: function(element) {
                        $(element).closest('.form-group').addClass('has-error');
                },
                unhighlight: function(element) {
                        $(element).closest('.form-group').removeClass('has-error');
                },
                success: function(element) {
                        $(element).closest('.form-group').removeClass('has-error').addClass('has-success');

                        if ($(element).attr('id') == 'taxon' && $('#taxon').val() != '') {
                                // Si le taxon n'est pas lié au référentiel, on vide le data associé
                                if ($('#taxon').data('value') != $('#taxon').val()) {
                                        $('#taxon').data('numNomSel', '');
                                        $('#taxon').data('nomRet', '');
                                        $('#taxon').data('numNomRet', '');
                                        $('#taxon').data('nt', '');
                                        $('#taxon').data('famille', '');
                                }
                        }
                },
                errorElement: 'span',
                errorClass: 'help-block',
                errorPlacement: function(error, element) {
                        //console.log(element.attr('name') +'-'+ element.parent('.input-group').length);
                        if (element.parent('.input-group').length) {
                                error.insertAfter(element.parent());
                        } else {
                                error.insertAfter(element);
                        }
                }
        });
};

WidgetSaisieMissionsFlore.prototype.definirReglesFormValidator = function() {
        $('#form-observateur').validate({
                rules: {
                        courriel : {
                                required : true,
                                email : true},
                        courriel_confirmation : {
                                required : true,
                                equalTo: '#courriel'}
                }
        });
        $('#form-station').validate({
                rules: {
                        latitude : {
                                range: [-90, 90],
                                required: true},
                        longitude : {
                                range: [-180, 180],
                                required: true},
                        'l93-x': 'required',
                        'l93-y': 'required'
                }
        });
        $('#form-obs-date').validate({
                rules: {
                        date: {
                                required: true,
                                'dateCel' : true}
                }
        });
        $('#form-obs').validate({
                rules: {
                        individusNombre: {individusNbre: true},
                        determinationSource: {isbn: true}
                }
        });
};

WidgetSaisieMissionsFlore.prototype.basculerOuvertureFermetureCadre = function(element) {
        if (element.hasClass('glyphicon-plus-sign')) {
                element.removeClass('glyphicon-plus-sign').addClass('glyphicon-minus-sign');
        } else {
                element.removeClass('glyphicon-minus-sign').addClass('glyphicon-plus-sign');
        }
};



WidgetSaisieMissionsFlore.prototype.basculerAffichageCoord = function() {
        var textActuel = $(this).text();
        var textActuel = $(this).text(),
                textARemplacer = $(this).data('toggle-text');
        $(this).text(textARemplacer).data('toggle-text', textActuel);

        
        
        if ($(this).hasClass('cacher-coord')) {
                $(this).removeClass('cacher-coord').addClass('afficher-coord');
                $('#coordonnees-geo').addClass('hidden');
        } else {
                $(this).removeClass('afficher-coord').addClass('cacher-coord');
                $('#coordonnees-geo').removeClass('hidden');
        }

        return false;
};

WidgetSaisieMissionsFlore.prototype.afficherObs = function() {
        var date = $('#date').val(),
                commune = $('#commune-nom').text(),
                codeInsee = $('#commune-code-insee').text(),
                lat = $('input[name="latitude"]').val(),
                lng = $('input[name="longitude"]').val(),
                lieudit = $('#lieudit').val(),
                station = $('#station').val(),

                milieux = $('#milieu').val(),
                exposition = this.getTextOptionSelectionne('station-exposition'),
                pente = this.getTextOptionSelectionne('station-pente'),

                phenologie = this.getTextOptionSelectionne('phenologie'),
                abondance = this.getTextOptionSelectionne('abondance'),
                individus = (($('#individus-nbre').val() === undefined || $('#individus-nbre').val() === '') ? '' : ' (' + $('#individus-nbre').val() + ')'),
                typeReleve = this.getTextOptionSelectionne('releve-type'),
                sourceDet = $('#determination-source').val(),

                notes = $('#notes').val();

        $('#liste-obs').prepend(
                '<div id="obs'+this.obsNbre+'" class="obs obs'+this.obsNbre+'">'+
                                '<div class="well">'+
                                        '<div class="obs-action pull-right has-tooltip" data-placement="bottom" '+
                                                'title="Supprimer cette observation de la liste à transmettre">'+
                                                '<button class="btn btn-danger supprimer-obs" value="'+this.obsNbre+'" title="'+this.obsNbre+'">'+
                                                        '<span class="glyphicon glyphicon-trash icon-white"></i>'+
                                                '</button>'+
                                        '</div> '+
                                        '<div class="row">'+
                                                '<div class="col-md-2 obs-miniatures">'+
                                                        this.ajouterImgMiniatureAuTransfert()+
                                                '</div>'+
                                                '<div class="col-md-8">'+
                                                        '<ul class="list-unstyled obs-entete">'+
                                                                '<li>'+
                                                                        'Observé à ' +
                                                                        '<span class="commune">' + commune + '</span> ' +
                                                                        '(' + codeInsee + ') [' + lat +' / ' + lng + ']' +
                                                                        ' le ' +
                                                                        '<span class="date">' + date + '</span>' +
                                                                '</li>' +
                                                        '</ul>'+
                                                        '<ul class="list-unstyled obs-details">'+
                                                                '<li>' +
                                                                        '<span>Lieu-dit :</span> ' + lieudit + ' ; ' +
                                                                        '<span>Station :</span> ' + station + ' ; ' +
                                                                '</li>' +
                                                                '<li>' +
                                                                        '<span>Milieu :</span> ' + milieux + ' ; ' +
                                                                        '<span>Exposition :</span> ' + exposition + ' ; ' +
                                                                        '<span>Pente :</span> ' + pente + ' ; ' +
                                                                '</li>' +
                                                                '<li>' +
                                                                        '<span>Phénologie :</span> ' + phenologie + ' ; ' +
                                                                        '<span>Abondance :</span> ' + abondance + individus + ' ; ' +
                                                                        '<span>Relevé :</span> ' + typeReleve + ' ; ' +
                                                                        '<span>Source :</span> ' + sourceDet + ' ; ' +
                                                                '</li>' +
                                                                '<li>' +
                                                                        '<span>Commentaires :</span> ' + notes +
                                                                '</li>'+
                                                        '</ul>'+
                                                '</div>'+
                                        '</div>'+
                                '</div>'+
                '</div>');
        $('#zone-liste-obs').removeClass("hidden").show();
}

WidgetSaisieMissionsFlore.prototype.getTextOptionSelectionne = function(id) {
        var optionVal = $('#' + id).val(),
                optionText = $('#' + id + ' option:selected').text();
        return ((optionVal === undefined || optionVal === '') ? '' : optionText);
};

WidgetSaisieMissionsFlore.prototype.stockerObsData = function() {
        var numNomSel = $('#taxon').data('numNomSel'),
                nomSel = $('#taxon').val(),
                nomRet = $('#taxon').data('nomRet'),
                numNomRet = $('#taxon').data('numNomRet'),
                numTaxon = $('#taxon').data('nt'),
                famille = $('#taxon').data('famille'),
                referentiel = (numNomSel == undefined) ? '' : this.nomSciReferentiel;

        $('#liste-obs').data('obsId'+this.obsNbre, {
                'date' : $('#date').val(),
                'notes' : $('#notes').val().trim(),

                'nom_sel': nomSel,
                'num_nom_sel': numNomSel,
                'nom_ret': nomRet,
                'num_nom_ret': numNomRet,
                'num_taxon': numTaxon,
                'famille': famille,
                'referentiel': referentiel,

                'latitude' : $('#latitude').val(),
                'longitude' : $('#longitude').val(),
                'commune_nom' : $('#commune-nom').text(),
                'commune_code_insee' : $('#commune-code-insee').text(),
                'altitude': $('#altitude').text(),
                'lieudit': $('#lieudit').val().trim(),
                'station': $('#station').val().trim(),
                'milieu': $('#milieu').val().trim(),
                'abondance': $('#abondance').val(),
                'phenologie': $('#phenologie').val(),

                //Ajout des champs images
                'image_nom' : this.getNomsImgsOriginales(),

                // Ajout des champs étendus de l'obs
                'obs_etendue': this.getObsChpEtendus()
        });
};

WidgetSaisieMissionsFlore.prototype.validerFormulaire = function() {
        var observateur = $('#form-observateur').valid(),
                station = $('#form-station').valid(),
                obsDate = $('#form-obs-date').valid(),
                obs = $('#form-obs').valid();
        return (observateur == true && station == true && obs == true && obsDate == true) ? true : false;
};
Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/saisie/squelettes/missions-flore/js/WidgetSaisieMissionsFlore.js @ 2841 – Rev
