WebSVN – eFlore/Applications.cel – /branches/v2.28-semoir/widget/modules/saisie2/squelettes/js/WidgetSaisie.js

/**
 * Constructeur WidgetSaisie par défaut
 */
function WidgetSaisie() {
        this.langue = 'fr';
        this.obsNbre = 0;
        this.nbObsEnCours = 1;
        this.totalObsATransmettre = 0;
        this.nbObsTransmises = 0;
        this.debug = null;
        this.html5 = null;
        this.tagProjet = null;
        this.tagImg = null;
        this.tagObs = null;
        this.separationTagImg = null;
        this.separationTagObs = null;
        this.obsId = null;
        this.serviceSaisieUrl = null;
        this.serviceObsUrl = null;
        this.nomSciReferentiel = null;
        this.especeImposee = false;
        this.infosEspeceImposee = null;
        this.autocompletionElementsNbre = null;
        this.referentielImpose = null;
        this.serviceAutocompletionNomSciUrl = null;
        this.serviceAutocompletionNomSciUrlTpl = null;
        this.obsMaxNbre = null;
        this.dureeMessage = null;
        this.serviceAnnuaireIdUrl = null;
        this.serviceNomCommuneUrl = null;
        this.serviceNomCommuneUrlAlt = null;
        this.chargementIconeUrl = null;
        this.chargementImageIconeUrl = null;
        this.calendrierIconeUrl = null;
        this.pasDePhotoIconeUrl = null;
}

/**
 * Initialisation du widget
 */
WidgetSaisie.prototype.init = function() {
        this.initForm();
        this.initEvts();
        this.requeterIdentite();
};

/**
 * Initialise le formulaire, les validateurs, les listes de complétion...
 */
WidgetSaisie.prototype.initForm = function() {
        if (this.obsId != '') {
                //this.chargerInfoObs();
        }

        this.configurerDatePicker('#date');
        this.ajouterAutocompletionNoms();
        //this.configurerFormValidator();
        //this.definirReglesFormValidator();

        if(this.especeImposee) {
                $("#taxon").attr("disabled", "disabled");
                $("#taxon-input-groupe").attr("title","");
                // Bricolage cracra pour avoir le nom retenu avec auteur (nom_retenu.libelle ne le mentionne pas)
                var nomRetenuComplet = this.infosEspeceImposee["nom_retenu_complet"],
                        debutAnneRefBiblio = nomRetenuComplet.indexOf(" [");
                if (debutAnneRefBiblio != -1) {
                        nomRetenuComplet = nomRetenuComplet.substr(0, debutAnneRefBiblio);
                }
                // fin bricolage cracra
                var infosAssociee = {
                        label : this.infosEspeceImposee.nom_sci_complet,
                        value : this.infosEspeceImposee.nom_sci_complet,
                        nt : this.infosEspeceImposee.num_taxonomique,
                        nomSel : this.infosEspeceImposee.nom_sci,
                        nomSelComplet : this.infosEspeceImposee.nom_sci_complet,
                        numNomSel : this.infosEspeceImposee.id,
                        nomRet : nomRetenuComplet,
                        numNomRet : this.infosEspeceImposee["nom_retenu.id"],
                        famille : this.infosEspeceImposee.famille,
                        retenu : (this.infosEspeceImposee.retenu == 'false') ? false : true
                };
                $("#taxon").data(infosAssociee);
        }
};

/**
 * Initialise les écouteurs d'événements
 */
WidgetSaisie.prototype.initEvts = function() {
        var lthis = this;
        $('body').on('click', '.effacer-miniature', function() {
                $(this).parent().remove();
        });
        $("#fichier").bind('change', function (e) {
                arreter(e);
                var options = {
                        success: lthis.afficherMiniature.bind(lthis), // post-submit callback
                        dataType: 'xml', // 'xml', 'script', or 'json' (expected server response type)
                        resetForm: true // reset the form after successful submit
                };
                $("#miniature").append('<img id="miniature-chargement" class="miniature" alt="chargement" src="'+this.chargementImageIconeUrl+'"/>');
                $("#ajouter-obs").attr('disabled', 'disabled');
                if(lthis.verifierFormat($("#fichier").val())) {
                        $("#form-upload").ajaxSubmit(options);
                } else {
                        $('#form-upload')[0].reset();
                        window.alert("Le format de fichier n'est pas supporté, les formats acceptés sont "+   $("#fichier").attr("accept"));
                }
                return false;
        });
        // identité
        $("#courriel").on('blur', this.requeterIdentite.bind(this));
        $("#courriel").on('keypress', this.testerLancementRequeteIdentite.bind(this));
        $(".alert .close").on('click', this.fermerPanneauAlert);
        $(".has-tooltip").tooltip('enable');
        $("#btn-aide").on('click', this.basculerAffichageAide);
        $("#prenom").on("change", this.formaterPrenom.bind(this));
        $("#nom").on("change", this.formaterNom.bind(this));

        $("#courriel_confirmation").on('paste', this.bloquerCopierCollerCourriel.bind(this));
        /*$("#ajouter-obs").on('click', this.ajouterObs.bind(this));
        $(".obs-nbre").on('changement', this.surChangementNbreObs.bind(this));
        $("body").on('click', ".supprimer-obs", function() {
                var that = this,
                        suppObs = lthis.supprimerObs.bind(lthis);
                // bricolage pour avoir les deux contextes en même temps (objet et elt. du DOM)
                suppObs(that);
        });
        $("#transmettre-obs").on('click', this.transmettreObs.bind(this));
        $("#referentiel").on('change', this.surChangementReferentiel.bind(this));

        $("body").on('click', ".defilement-miniatures-gauche", function(event) {
                event.preventDefault();
                lthis.defilerMiniatures($(this));
        });
        $("body").on('click', ".defilement-miniatures-droite", function(event) {
                event.preventDefault();
                lthis.defilerMiniatures($(this));
        });
*/
        // fermeture fenêtre
        if (this.debug == false) {
                $(window).on('beforeunload', function(event) {
                        return 'Êtes vous sûr de vouloir quiter la page?\nLes observations saisies mais non transmises seront perdues.';
                });
        }

};

/**
 * Retourne true si l'extension de l'image "nom" est .jpg ou .jpeg
 */
WidgetSaisie.prototype.verifierFormat = function(nom) {
        var parts = nom.split('.');
        extension = parts[parts.length - 1];
        return (extension.toLowerCase() == 'jpeg' || extension.toLowerCase() == 'jpg');
};

/**
 * Affiche la miniature d'une image temporaire (formulaire) qu'on a ajoutée à l'obs
 */
WidgetSaisie.prototype.afficherMiniature = function(reponse) {
        if (this.debug) {
                var debogage = $("debogage", reponse).text();
                //console.log("Débogage upload : "+debogage);
        }
        var message = $("message", reponse).text();
        if (message != '') {
                $("#miniature-msg").append(message);
        } else {
                $("#miniatures").append(this.creerWidgetMiniature(reponse));
        }
        $('#ajouter-obs').removeAttr('disabled');
};

/**
 * Crée la miniature d'une image temporaire (formulaire), avec le bouton pour l'effacer
 */
WidgetSaisie.prototype.creerWidgetMiniature = function(reponse) {
        var miniatureUrl = $("miniature-url", reponse).text();
        var imgNom = $("image-nom", reponse).text();
        var html =
                '<div class="miniature">'+
                        '<img class="miniature-img" class="miniature" alt="'+imgNom+'" src="'+miniatureUrl+'"/>'+
                        '<button class="effacer-miniature" type="button">Effacer</button>'+
                '</div>'
        return html;
};

/**
 * Efface une miniature (formulaire)
 */
WidgetSaisie.prototype.supprimerMiniature = function(miniature) {
        miniature.parents('.miniature').remove();
};

/**
 * Efface toutes les miniatures (formulaire)
 */
WidgetSaisie.prototype.supprimerMiniatures = function() {
        $("#miniatures").empty();
        $("#miniature-msg").empty();
};

/* Observateur */
WidgetSaisie.prototype.testerLancementRequeteIdentite = function(event) {
        if (event.which == 13) {
                this.requeterIdentite();
                this.event.preventDefault();
                this.event.stopPropagation();
        }
};

WidgetSaisie.prototype.requeterIdentite = function() {
        var lthis = this;
        var courriel = $("#courriel").val();
        var urlAnnuaire = this.serviceAnnuaireIdUrl + courriel;
        if (courriel != '') {
                $.ajax({
                        url : urlAnnuaire,
                        type : "GET",
                        success : function(data, textStatus, jqXHR) {
                                if (lthis.debug) {
                                        console.log('SUCCESS: '+textStatus);
                                }
                                if (data != undefined && data[courriel] != undefined) {
                                        var infos = data[courriel];
                                        lthis.surSuccesCompletionCourriel(infos, courriel);
                                } else {
                                        lthis.surErreurCompletionCourriel();
                                }
                        },
                        error : function(jqXHR, textStatus, errorThrown) {
                                if (lthis.debug) {
                                        console.log('ERREUR: '+textStatus);
                                }
                                lthis.surErreurCompletionCourriel();
                        },
                        complete : function(jqXHR, textStatus) {
                                if (lthis.debug) {
                                        console.log('COMPLETE: '+textStatus);
                                }
                                // @TODO harmoniser class="hidden" VS style="display:none;"
                                $("#zone-prenom-nom").removeClass("hidden").show();
                                $("#zone-courriel-confirmation").removeClass("hidden").show();
                        }
                });
        }
};

WidgetSaisie.prototype.surSuccesCompletionCourriel = function(infos, courriel) {
        $("#id_utilisateur").val(infos.id);
        $("#prenom").val(infos.prenom);
        $("#nom").val(infos.nom);
        $("#courriel_confirmation").val(courriel);
        $("#prenom, #nom, #courriel_confirmation").attr('disabled', 'disabled');
        this.focusChampFormulaire();
        this.masquerPanneau("#dialogue-courriel-introuvable");
};

WidgetSaisie.prototype.surErreurCompletionCourriel = function() {
        $("#prenom, #nom, #courriel_confirmation").val('');
        $("#prenom, #nom, #courriel_confirmation").removeAttr('disabled');
        this.afficherPanneau("#dialogue-courriel-introuvable");
};

WidgetSaisie.prototype.formaterNom = function() {
        $(this).val($(this).val().toUpperCase());
};

WidgetSaisie.prototype.formaterPrenom = function() {
        var prenom = new Array();
        var mots = $(this).val().split(' ');
        for (var i = 0; i < mots.length; i++) {
                var mot = mots[i];
                if (mot.indexOf('-') >= 0) {
                        var prenomCompose = new Array();
                        var motsComposes = mot.split('-');
                    for (var j = 0; j < motsComposes.length; j++) {
                        var motSimple = motsComposes[j];
                        var motMajuscule = motSimple.charAt(0).toUpperCase() + motSimple.slice(1);
                        prenomCompose.push(motMajuscule);
                    }
                    prenom.push(prenomCompose.join('-'));
                } else {
                        var motMajuscule = mot.charAt(0).toUpperCase() + mot.slice(1);
                        prenom.push(motMajuscule);
                }
        }
        $(this).val(prenom.join(' '));
};

WidgetSaisie.prototype.bloquerCopierCollerCourriel = function() {
        this.afficherPanneau("#dialogue-bloquer-copier-coller");
        return false;
};

WidgetSaisie.prototype.focusChampFormulaire = function() {
        $("#date").focus();
};

/* calendrier */
WidgetSaisie.prototype.configurerDatePicker = function(selector) {
        $.datepicker.setDefaults($.datepicker.regional[this.langue]);
        $(selector).datepicker({
                dateFormat: "dd/mm/yy",
                maxDate: new Date,
                onSelect: function(date) {
                        $(this).valid();
                }
        });
        $(selector + ' + img.ui-datepicker-trigger').appendTo(selector + '-icone.add-on');
};

/* auto completion nom sci */
WidgetSaisie.prototype.ajouterAutocompletionNoms = function() {
        var lthis = this;
        $('#taxon').autocomplete({
                source: function(requete, add){
                        // la variable de requête doit être vidée car sinon le parametre "term" est ajouté
                        requete = "";
                        if($("#referentiel").val() != "autre") {
                                var url = lthis.getUrlAutocompletionNomsSci();console.log(url);
                                $.getJSON(url, requete, function(data) {
                                        var suggestions = lthis.traiterRetourNomsSci(data);
                                        add(suggestions);
                    });
                        }
        },
        html: true
        });

        $("#taxon").bind("autocompleteselect", this.surAutocompletionTaxon);
};

WidgetSaisie.prototype.surAutocompletionTaxon = function(event, ui) {
        $("#taxon").data(ui.item);
        if (ui.item.retenu == true) {
                $("#taxon").addClass('ns-retenu');
        } else {
                $("#taxon").removeClass('ns-retenu');
        }
};

WidgetSaisie.prototype.getUrlAutocompletionNomsSci = function() {
        var mots = $('#taxon').val();
        var url = this.serviceAutocompletionNomSciUrlTpl.replace('{referentiel}', this.nomSciReferentiel);
        url = url.replace('{masque}', mots);
        return url;
};

WidgetSaisie.prototype.traiterRetourNomsSci = function(data) {
        var suggestions = [];
        if (data.resultat != undefined) {
                $.each(data.resultat, function(i, val) {
                        val.nn = i;
                        var nom = {label : '', value : '', nt : '', nomSel : '', nomSelComplet : '', numNomSel : '',
                                nomRet : '', numNomRet : '', famille : '', retenu : false
                        };
                        if (suggestions.length >= this.autocompletionElementsNbre) {
                                nom.label = "...";
                                nom.value = $('#taxon').val();
                                suggestions.push(nom);
                                return false;
                        } else {
                                nom.label = val.nom_sci_complet;
                                nom.value = val.nom_sci_complet;
                                nom.nt = val.num_taxonomique;
                                nom.nomSel = val.nom_sci;
                                nom.nomSelComplet = val.nom_sci_complet;
                                nom.numNomSel = val.nn;
                                nom.nomRet = val.nom_retenu_complet;
                                nom.numNomRet = val["nom_retenu.id"];
                                nom.famille = val.famille;
                                // Tester dans ce sens, permet de considérer "absent" comme "false" => est-ce opportun ?
                                // en tout cas c'est harmonisé avec le CeL
                                nom.retenu = (val.retenu == 'true') ? true : false;

                                suggestions.push(nom);
                        }
                });
        }

        return suggestions;
};

WidgetSaisie.prototype.afficherPanneau = function(selecteur) {
        $(selecteur).fadeIn("slow").delay(this.dureeMessage).fadeOut("slow");
};
Subversion Repositories eFlore/Applications.cel

(root)/branches/v2.28-semoir/widget/modules/saisie2/squelettes/js/WidgetSaisie.js – Rev 3136
