WebSVN – eFlore/Applications.cel – Diff – /trunk/widget/modules/saisie/squelettes/js/PlantesEtLichensASL.js

+import {WidgetsSaisiesASL} from './WidgetsSaisiesASL.js';
+import {valOk} from './Utils.js';
 /**
  * Constructeur PlantesEtLichensASL par défaut
  * S'applique au squelette apaforms.tpl.html
  * Qui se charge dans apa.tpl.php
  * Lors de la saisie des plantes ou des lichens
  */
 // ASL : APA, sTREETs, Lichen's Go!
-function PlantesEtLichensASL( proprietes, widgetProp ) {
+export function PlantesEtLichensASL(plantesEtLichensProp) {
-	if  ( utils.valOk( proprietes ) && utils.valOk( widgetProp ) ) {
+	if  ( valOk( plantesEtLichensProp ) && valOk( widgetProp ) ) {
-		this.sujet             = proprietes.sujet;
+		this.sujet             = plantesEtLichensProp.sujet;
-		this.tagImg            = proprietes.tagImg;
+		this.tagImg            = plantesEtLichensProp.tagImg;
-		this.separationTagImg  = proprietes.separationTagImg;
+		this.separationTagImg  = plantesEtLichensProp.separationTagImg;
-		this.tagImg            = proprietes.tagImg;
+		this.tagImg            = plantesEtLichensProp.tagImg;
-		this.tagObs            = proprietes.tagObs;
+		this.tagObs            = plantesEtLichensProp.tagObs;
-		this.separationTagObs  = proprietes.separationTagObs;
+		this.separationTagObs  = plantesEtLichensProp.separationTagObs;
-		this.nomSciReferentiel = proprietes.nomSciReferentiel;
+		this.nomSciReferentiel = plantesEtLichensProp.nomSciReferentiel;
-		this.referentielImpose = proprietes.referentielImpose;
+		this.referentielImpose = plantesEtLichensProp.referentielImpose;
-		this.widgetProp        = widgetProp;
-		this.urlWidgets        = widgetProp.urlWidgets;
-		this.projet            = widgetProp.projet;
 		this.tagsMotsCles      = widgetProp.tagsMotsCles + ',' + this.sujet;
+	}
 	this.isTaxonListe = false;
 	this.numArbre     = 0;
+}
-PlantesEtLichensASL.prototype = new WidgetsSaisiesASL( this.widgetProp );
+PlantesEtLichensASL.prototype = new WidgetsSaisiesASL();
 /**
  * Initialise le formulaire, les validateurs, les listes de complétion...
  */
-PlantesEtLichensASL.prototype.initForm = function() {
-	const lthis = this;
 PlantesEtLichensASL.prototype.initForm = function() {
 	$('[type="date"]').prop('max', function(){
 		return new Date().toJSON().split('T')[0];
 	});
 	this.initFormTaxonListe();
 /**
  * Initialise les écouteurs d'événements
  */
-PlantesEtLichensASL.prototype.initEvts = function() {
-	const lthis = this;
-	var releveDatas   = [],
+PlantesEtLichensASL.prototype.initEvts = function() {
-		idUtilisateur = $( '#id_utilisateur' ).val();
+	const idUtilisateur = $( '#id_utilisateur' ).val();
-	if( this.valOk( idUtilisateur ) ) {
+	if( valOk( idUtilisateur ) ) {
 		// #releve-data est modifié, bouton dans #releves-utilisateur
 		this.btnsChargerForm( '#bouton-nouveau-releve' );
-		if( this.valOk( $( '#releve-data' ).val() ) ) {
+		if( valOk( $( '#releve-data' ).val() ) ) {
 			this.releveDatas = $.parseJSON( $( '#releve-data' ).val() );
-			if ( this.valOk( this.releveDatas[0].utilisateur, true, idUtilisateur ) ) {
+			if ( valOk( this.releveDatas[0].utilisateur, true, idUtilisateur ) ) {
 				// Sur téléchargement image
 				this.initEvtsFichier();
 				// Création / Suppression / Transmission des obs
+				// Défilement des miniatures dans le résumé obs
-				// Défilement des miniatures dans le résumé obs
+				this.initEvtsObs();
-				this.initEvtsObs();
+				// chargement plantes ou lichens, ajout du bouton #poursuivre
-				// chargement plantes ou lichens, ajout du bouton #poursuivre
+				const btnChargementForm = this.determinerBtnsChargementForm( '#', true );
 				var btnChargementForm = this.determinerBtnsChargementForm( '#', true );
 				// #releve-data n'est pas modifié, bouton dans #charger-form
 				this.btnsChargerForm( btnChargementForm, false, false );
 				if ( 'lichens' === this.sujet ) {
+	}
 };
 PlantesEtLichensASL.prototype.checkboxToutesLesFaces = function() {
 	$('input[name=lichens-tronc]').on( 'click', function( event ) {
-		var face = $( this ).data( 'face' );
+		const face = $( this ).data( 'face' );
 		if ( $( this ).is( ':checked' ) ) {
-		console.log('hello');
+		if ( $( this ).is( ':checked' ) ) {
 			if( $( this ).hasClass( 'lichens-tronc-all' ) ) {
-				for ( i = 1; i <= 5 ; i++ ) {
+				for ( let i = 1; i <= 5 ; i++ ) {
 					$( '#lichens-tronc-' + face + i ).prop( 'checked', false );
+				}
 			} else {
 /**
  * Retourne un Array contenant les valeurs des champs
  * dont les données seront transmises dans la table cel-obs-etendues
  */
 PlantesEtLichensASL.prototype.getObsChpSpecifiques = function( numArbre ) {
-	var retour = [
+	const retour = [
 		{ cle : 'num-arbre', valeur : numArbre },
 		{ cle : 'id_obs_arbre', valeur : this.releveDatas[numArbre]['id_observation'] },
 		{ cle : 'rue' , valeur : this.releveDatas[0].rue  }
 	];
-	if ( 'lichens' === this.sujet ) {
-		var valeursLT  = '';
+	if ( 'lichens' === this.sujet ) {
-		const $lichensTronc = $( 'input[name=lichens-tronc]:checked' );
+		const $lichensTronc = $( 'input[name=lichens-tronc]:checked' ),
+			LTLenght = $lichensTronc.length;
-		const LTLenght = $lichensTronc.length;
+		let valeursLT  = '';
 		$( 'input[name=lichens-tronc]:checked' ).each( function( i, value ) {
 			valeursLT += $(value).val();
 	$( 'input[type=date]' ).on( 'input', function() {
 		$( this ).valid();
 	});
 	// Validation Taxon si pas de miniature
 	$( '#taxon' ).on( 'change', function() {
-		var images = lthis.valOk( $( '#miniatures .miniature' ) );
+		const images = valOk( $( '#miniatures .miniature' ) );
-		lthis.validerTaxonImage( lthis.valOk( $( this ).val() ), images );
+		lthis.validerTaxonImage( valOk( $( this ).val() ), images );
 	});
 	// // Validation miniatures avec MutationObserver
 		$( '#tb-observateur .control-group' ).removeClass( 'error' );
 	});
 };
 PlantesEtLichensASL.prototype.validerTaxonImage = function( taxon = false, images = false ) {
+	const taxonOuImage = images || taxon;
-	var taxonOuImage = ( images || taxon );
-	if ( images || taxon ) {
+	if ( taxonOuImage ) {
 		this.masquerPanneau( '#dialogue-taxon-or-image' );
 		$( '#bloc-taxon' ).removeClass( 'error' )
 			.find( 'span.error' ).hide();
 		$( '#fichier' ).parent( 'label.label-file' ).removeClass( 'error' );
 		$( '#bloc-taxon' ).addClass( 'error' )
 			.find( 'span.error' ).show();
 		$( '#fichier' ).parent( 'label.label-file' ).addClass( 'error' );
 		$( '#photos-conteneur').addClass( 'error' ).find( 'span.error' ).show();
+	}
-	return ( images || taxon );
+	return taxonOuImage;
 };
 /**
  * Valide le formulaire au click sur un bouton "suivant"
  */
 PlantesEtLichensASL.prototype.validerForm = function() {
-	const images       = this.valOk( $( '#miniatures .miniature' ) );
+	const images     = valOk( $( '#miniatures .miniature' ) ),
-	const taxon        = this.valOk( $( '#taxon' ).val() );
+		taxon        = valOk( $( '#taxon' ).val() ),
-	const taxonOuImage = this.validerTaxonImage( taxon, images );
+		taxonOuImage = this.validerTaxonImage( taxon, images ),
-	const observateur  = ( $( '#form-observateur' ).valid() && $( '#courriel' ).valid() )
+		observateur  = $( '#form-observateur' ).valid() && $( '#courriel' ).valid(),
-	const obs          = $( '#form-' + this.sujet ).valid();
+		obs          = $( '#form-' + this.sujet ).valid();
 	// panneau observateur
 	if ( observateur ) {

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/saisie/squelettes/js/PlantesEtLichensASL.js – Rev 3638 → 3844