Subversion Repositories eFlore/Applications.cel

Rev

Rev 3532 | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 3532 Rev 3635
1 
/**
 1 
/**
2 
 * Constructeur PlantesEtLichensASL par défaut
 2 
 * Constructeur PlantesEtLichensASL par défaut
3 
 * S'applique au squelette apaforms.tpl.html
 3 
 * S'applique au squelette apaforms.tpl.html
4 
 * Qui se charge dans apa.tpl.php
 4 
 * Qui se charge dans apa.tpl.php
5 
 * Lors de la saisie des plantes ou des lichens
 5 
 * Lors de la saisie des plantes ou des lichens
6 
 */
 6 
 */
7 
// ASL : APA, sTREETs, Lichen's Go!
 7 
// ASL : APA, sTREETs, Lichen's Go!
8 
function PlantesEtLichensASL( proprietes, widgetProp ) {
 8 
function PlantesEtLichensASL( proprietes, widgetProp ) {
9 
	if  ( utils.valOk( proprietes ) && utils.valOk( widgetProp ) ) {
 9 
	if  ( utils.valOk( proprietes ) && utils.valOk( widgetProp ) ) {
10 
		this.sujet             = proprietes.sujet;
 10 
		this.sujet             = proprietes.sujet;
11 
		this.tagImg            = proprietes.tagImg;
 11 
		this.tagImg            = proprietes.tagImg;
12 
		this.separationTagImg  = proprietes.separationTagImg;
 12 
		this.separationTagImg  = proprietes.separationTagImg;
13 
		this.tagImg            = proprietes.tagImg;
 13 
		this.tagImg            = proprietes.tagImg;
14 
		this.tagObs            = proprietes.tagObs;
 14 
		this.tagObs            = proprietes.tagObs;
15 
		this.separationTagObs  = proprietes.separationTagObs;
 15 
		this.separationTagObs  = proprietes.separationTagObs;
16 
		this.nomSciReferentiel = proprietes.nomSciReferentiel;
 16 
		this.nomSciReferentiel = proprietes.nomSciReferentiel;
17 
		this.referentielImpose = proprietes.referentielImpose;
 17 
		this.referentielImpose = proprietes.referentielImpose;
18 
		this.widgetProp        = widgetProp;
 18 
		this.widgetProp        = widgetProp;
19 
		this.urlWidgets        = widgetProp.urlWidgets;
 19 
		this.urlWidgets        = widgetProp.urlWidgets;
20 
		this.projet            = widgetProp.projet;
 20 
		this.projet            = widgetProp.projet;
21 
		this.tagsMotsCles      = widgetProp.tagsMotsCles + ',' + this.sujet;
 21 
		this.tagsMotsCles      = widgetProp.tagsMotsCles + ',' + this.sujet;
22 
	}
 22 
	}
23 
	this.isTaxonListe = false;
 23 
	this.isTaxonListe = false;
24 
	this.numArbre     = 0;
 24 
	this.numArbre     = 0;
25 
}
 25 
}
26 
PlantesEtLichensASL.prototype = new WidgetsSaisiesASL( this.widgetProp );
 26 
PlantesEtLichensASL.prototype = new WidgetsSaisiesASL( this.widgetProp );
27 
 
 27 
 
28 
/**
 28 
/**
29 
 * Initialise le formulaire, les validateurs, les listes de complétion...
 29 
 * Initialise le formulaire, les validateurs, les listes de complétion...
30 
 */
 30 
 */
31 
PlantesEtLichensASL.prototype.initForm = function() {
 31 
PlantesEtLichensASL.prototype.initForm = function() {
32 
	const lthis = this;
 32 
	const lthis = this;
33 
 
 33 
 
34 
	$('[type="date"]').prop('max', function(){
 34 
	$('[type="date"]').prop('max', function(){
35 
		return new Date().toJSON().split('T')[0];
 35 
		return new Date().toJSON().split('T')[0];
36 
	});
 36 
	});
37 
	this.initFormTaxonListe();
 37 
	this.initFormTaxonListe();
38 
	this.configurerFormValidator();
 38 
	this.configurerFormValidator();
39 
	this.definirReglesFormValidator();
 39 
	this.definirReglesFormValidator();
40 
};
 40 
};
41 
 
 41 
 
42 
/**
 42 
/**
43 
 * Initialise les écouteurs d'événements
 43 
 * Initialise les écouteurs d'événements
44 
 */
 44 
 */
45 
PlantesEtLichensASL.prototype.initEvts = function() {
 45 
PlantesEtLichensASL.prototype.initEvts = function() {
46 
	const lthis = this;
 46 
	const lthis = this;
47 
	var releveDatas   = [],
 47 
	var releveDatas   = [],
48 
		idUtilisateur = $( '#id_utilisateur' ).val();
 48 
		idUtilisateur = $( '#id_utilisateur' ).val();
49 
 
 49 
 
50 
	if( this.valOk( idUtilisateur ) ) {
 50 
	if( this.valOk( idUtilisateur ) ) {
51 
		// #releve-data est modifié, bouton dans #releves-utilisateur
 51 
		// #releve-data est modifié, bouton dans #releves-utilisateur
52 
		this.btnsChargerForm( '#bouton-nouveau-releve' );
 52 
		this.btnsChargerForm( '#bouton-nouveau-releve' );
53 
		if( this.valOk( $( '#releve-data' ).val() ) ) {
 53 
		if( this.valOk( $( '#releve-data' ).val() ) ) {
54 
			this.releveDatas = $.parseJSON( $( '#releve-data' ).val() );
 54 
			this.releveDatas = $.parseJSON( $( '#releve-data' ).val() );
55 
			if ( this.valOk( this.releveDatas[0].utilisateur, true, idUtilisateur ) ) {
 55 
			if ( this.valOk( this.releveDatas[0].utilisateur, true, idUtilisateur ) ) {
56 
				// Sur téléchargement image
 56 
				// Sur téléchargement image
57 
				this.initEvtsFichier();
 57 
				this.initEvtsFichier();
58 
				// Création / Suppression / Transmission des obs
 58 
				// Création / Suppression / Transmission des obs
59 
				// Défilement des miniatures dans le résumé obs
 59 
				// Défilement des miniatures dans le résumé obs
60 
				this.initEvtsObs();
 60 
				this.initEvtsObs();
61 
				// chargement plantes ou lichens, ajout du bouton #poursuivre
 61 
				// chargement plantes ou lichens, ajout du bouton #poursuivre
62 
				var btnChargementForm = this.determinerBtnsChargementForm( '#', true );
 62 
				var btnChargementForm = this.determinerBtnsChargementForm( '#', true );
63 
				// #releve-data n'est pas modifié, bouton dans #charger-form
 63 
				// #releve-data n'est pas modifié, bouton dans #charger-form
64 
				this.btnsChargerForm( btnChargementForm, false, false );
 64 
				this.btnsChargerForm( btnChargementForm, false, false );
- 
 
 65 
				if ( 'lichens' === this.sujet ) {
- 
 
 66 
					this.checkboxToutesLesFaces();
- 
 
 67 
				}
65 
				// Alertes et aides
 68 
				// Alertes et aides
66 
				this.initEvtsAlertes();
 69 
				this.initEvtsAlertes();
67 
			}
 70 
			}
68 
		}
 71 
		}
69 
	}
 72 
	}
70 
};
 73 
};
71 
 
 74 
 
72 
// Ajouter Obs ****************************************************************/
 75 
// Ajouter Obs ****************************************************************/
73 
PlantesEtLichensASL.prototype.reinitialiserForm = function() {
 76 
PlantesEtLichensASL.prototype.reinitialiserForm = function() {
74 
	this.supprimerMiniatures();
 77 
	this.supprimerMiniatures();
75 
	$( '#taxon,#taxon-autre,#commentaire' ).val( '' );
 78 
	$( '#taxon,#taxon-autre,#commentaire' ).val( '' );
76 
	$( '#taxon' ).removeData([
 79 
	$( '#taxon' ).removeData([
77 
		'value',
 80 
		'value',
78 
		'numNomSel',
 81 
		'numNomSel',
79 
		'nomRet',
 82 
		'nomRet',
80 
		'numNomRet',
 83 
		'numNomRet',
81 
		'nt',
 84 
		'nt',
82 
		'famille'
 85 
		'famille'
83 
	]);
 86 
	]);
84 
	$( '#taxon-liste,#certitude' ).find( 'option' ).each( function() {
 87 
	$( '#taxon-liste,#certitude' ).find( 'option' ).each( function() {
85 
		if ( $( this ).hasClass( 'choisir' ) ) {
 88 
		if ( $( this ).hasClass( 'choisir' ) ) {
86 
			$( this ).attr( 'selected', true );
 89 
			$( this ).attr( 'selected', true );
87 
		} else {
 90 
		} else {
88 
			$( this ).attr( 'selected', false );
 91 
			$( this ).attr( 'selected', false );
89 
		}
 92 
		}
90 
	});
 93 
	});
91 
	$( '#taxon-input-groupe' ).addClass( 'hidden' );
 94 
	$( '#taxon-input-groupe' ).addClass( 'hidden' );
92 
	if ( 'lichens' === this.sujet ) {
 95 
	if ( 'lichens' === this.sujet ) {
93 
		$( 'input[name=lichens-tronc]:checked' ).each( function() {
 96 
		$( 'input[name=lichens-tronc]:checked' ).each( function() {
94 
			$( this ).prop( 'checked', false );
 97 
			$( this ).prop( 'checked', false );
95 
		});
 98 
		});
96 
	}
 99 
	}
97 
};
 100 
};
- 
 
 101 
 
- 
 
 102 
PlantesEtLichensASL.prototype.checkboxToutesLesFaces = function() {
- 
 
 103 
	$('input[name=lichens-tronc]').on( 'click', function( event ) {
- 
 
 104 
		var face = $( this ).data( 'face' );
- 
 
 105 
 
- 
 
 106 
		if ( $( this ).is( ':checked' ) ) {
- 
 
 107 
		console.log('hello');
- 
 
 108 
			if( $( this ).hasClass( 'lichens-tronc-all' ) ) {
- 
 
 109 
				for ( i = 1; i <= 5 ; i++ ) {
- 
 
 110 
					$( '#lichens-tronc-' + face + i ).prop( 'checked', false );
- 
 
 111 
				}
- 
 
 112 
			} else {
- 
 
 113 
				$( '#lichens-tronc-all-' + face ).prop( 'checked', false );
- 
 
 114 
			}
- 
 
 115 
		}
- 
 
 116 
 
- 
 
 117 
	});
- 
 
 118 
};
98 
 
 119 
 
99 
/**
 120 
/**
100 
 * Retourne un Array contenant les valeurs des champs
 121 
 * Retourne un Array contenant les valeurs des champs
101 
 * dont les données seront transmises dans la table cel-obs-etendues
 122 
 * dont les données seront transmises dans la table cel-obs-etendues
102 
 */
 123 
 */
103 
PlantesEtLichensASL.prototype.getObsChpSpecifiques = function( numArbre ) {
 124 
PlantesEtLichensASL.prototype.getObsChpSpecifiques = function( numArbre ) {
104 
	var retour = [
 125 
	var retour = [
105 
		{ cle : 'num-arbre', valeur : numArbre },
 126 
		{ cle : 'num-arbre', valeur : numArbre },
106 
		{ cle : 'id_obs_arbre', valeur : this.releveDatas[numArbre]['id_observation'] },
 127 
		{ cle : 'id_obs_arbre', valeur : this.releveDatas[numArbre]['id_observation'] },
107 
		{ cle : 'rue' , valeur : this.releveDatas[0].rue  }
 128 
		{ cle : 'rue' , valeur : this.releveDatas[0].rue  }
108 
	];
 129 
	];
109 
 
 130 
 
110 
	if ( 'lichens' === this.sujet ) {
 131 
	if ( 'lichens' === this.sujet ) {
111 
		var valeursLT  = '';
 132 
		var valeursLT  = '';
112 
		const $lichensTronc = $( 'input[name=lichens-tronc]:checked' );
 133 
		const $lichensTronc = $( 'input[name=lichens-tronc]:checked' );
113 
		const LTLenght = $lichensTronc.length;
 134 
		const LTLenght = $lichensTronc.length;
114 
 
 135 
 
115 
		$( 'input[name=lichens-tronc]:checked' ).each( function( i, value ) {
 136 
		$( 'input[name=lichens-tronc]:checked' ).each( function( i, value ) {
116 
			valeursLT += $(value).val();
 137 
			valeursLT += $(value).val();
117 
			if( i < LTLenght ) {
 138 
			if( i < LTLenght ) {
118 
				valeursLT += ';';
 139 
				valeursLT += ';';
119 
			}
 140 
			}
120 
		});
 141 
		});
121 
		retour.push({ cle : 'loc-sur-tronc', valeur : valeursLT });
 142 
		retour.push({ cle : 'loc-sur-tronc', valeur : valeursLT });
122 
	}
 143 
	}
123 
 
 144 
 
124 
	return retour;
 145 
	return retour;
125 
};
 146 
};
126 
 
 147 
 
127 
// Form Validator *************************************************************/
 148 
// Form Validator *************************************************************/
128 
PlantesEtLichensASL.prototype.definirReglesFormValidator = function() {
 149 
PlantesEtLichensASL.prototype.definirReglesFormValidator = function() {
129 
	const lthis = this;
 150 
	const lthis = this;
130 
 
 151 
 
131 
	$( 'input[type=date]' ).on( 'input', function() {
 152 
	$( 'input[type=date]' ).on( 'input', function() {
132 
		$( this ).valid();
 153 
		$( this ).valid();
133 
	});
 154 
	});
134 
	// Validation Taxon si pas de miniature
 155 
	// Validation Taxon si pas de miniature
135 
	$( '#taxon' ).on( 'change', function() {
 156 
	$( '#taxon' ).on( 'change', function() {
136 
		var images = lthis.valOk( $( '#miniatures .miniature' ) );
 157 
		var images = lthis.valOk( $( '#miniatures .miniature' ) );
137 
		lthis.validerTaxonImage( lthis.valOk( $( this ).val() ), images );
 158 
		lthis.validerTaxonImage( lthis.valOk( $( this ).val() ), images );
138 
	});
 159 
	});
139 
 
 160 
 
140 
	// // Validation miniatures avec MutationObserver
 161 
	// // Validation miniatures avec MutationObserver
141 
	// this.surPresenceAbsenceMiniature();
 162 
	// this.surPresenceAbsenceMiniature();
142 
 
 163 
 
143 
	$( '#form-' + this.sujet ).validate({
 164 
	$( '#form-' + this.sujet ).validate({
144 
		rules : {
 165 
		rules : {
145 
			'choisir-arbre' : {
 166 
			'choisir-arbre' : {
146 
				required : true,
 167 
				required : true,
147 
				minlength : 1
 168 
				minlength : 1
148 
			},
 169 
			},
149 
			'obs-date' : {
 170 
			'obs-date' : {
150 
				required : true,
 171 
				required : true,
151 
				'dateCel' : true
 172 
				'dateCel' : true
152 
			},
 173 
			},
153 
			certitude : {
 174 
			certitude : {
154 
				required : true,
 175 
				required : true,
155 
				minlength : 1
 176 
				minlength : 1
156 
			}
 177 
			}
157 
		}
 178 
		}
158 
	});
 179 
	});
159 
	$( '#form-observateur' ).validate({
 180 
	$( '#form-observateur' ).validate({
160 
		rules : {
 181 
		rules : {
161 
			courriel : {
 182 
			courriel : {
162 
				required : true,
 183 
				required : true,
163 
				minlength : 1,
 184 
				minlength : 1,
164 
				email : true,
 185 
				email : true,
165 
				'userEmailOk' : true
 186 
				'userEmailOk' : true
166 
			},
 187 
			},
167 
			mdp : {
 188 
			mdp : {
168 
				required : true,
 189 
				required : true,
169 
				minlength : 1
 190 
				minlength : 1
170 
			}
 191 
			}
171 
		}
 192 
		}
172 
	});
 193 
	});
173 
	$( '#connexion,#inscription,#oublie' ).on( 'click', function() {
 194 
	$( '#connexion,#inscription,#oublie' ).on( 'click', function() {
174 
		$( '#tb-observateur .control-group' ).removeClass( 'error' );
 195 
		$( '#tb-observateur .control-group' ).removeClass( 'error' );
175 
	});
 196 
	});
176 
};
 197 
};
177 
 
 198 
 
178 
PlantesEtLichensASL.prototype.validerTaxonImage = function( taxon = false, images = false ) {
 199 
PlantesEtLichensASL.prototype.validerTaxonImage = function( taxon = false, images = false ) {
179 
	var taxonOuImage = ( images || taxon );
 200 
	var taxonOuImage = ( images || taxon );
180 
	if ( images || taxon ) {
 201 
	if ( images || taxon ) {
181 
		this.masquerPanneau( '#dialogue-taxon-or-image' );
 202 
		this.masquerPanneau( '#dialogue-taxon-or-image' );
182 
		$( '#bloc-taxon' ).removeClass( 'error' )
 203 
		$( '#bloc-taxon' ).removeClass( 'error' )
183 
			.find( 'span.error' ).hide();
 204 
			.find( 'span.error' ).hide();
184 
		$( '#fichier' ).parent( 'label.label-file' ).removeClass( 'error' );
 205 
		$( '#fichier' ).parent( 'label.label-file' ).removeClass( 'error' );
185 
		$( '#photos-conteneur').removeClass( 'error' ).find( 'span.error' ).hide();
 206 
		$( '#photos-conteneur').removeClass( 'error' ).find( 'span.error' ).hide();
186 
		// faire passer la certitude à 'à déterminer' si on a une image et pas de taxon
 207 
		// faire passer la certitude à 'à déterminer' si on a une image et pas de taxon
187 
		if( !taxon ) {
 208 
		if( !taxon ) {
188 
			$( '#certitude' ).find( 'option' ).each( function() {
 209 
			$( '#certitude' ).find( 'option' ).each( function() {
189 
				if ( $( this ).hasClass( 'aDeterminer' ) ) {
 210 
				if ( $( this ).hasClass( 'aDeterminer' ) ) {
190 
					$( this ).attr( 'selected', true );
 211 
					$( this ).attr( 'selected', true );
191 
				} else {
 212 
				} else {
192 
					$( this ).attr( 'selected', false );
 213 
					$( this ).attr( 'selected', false );
193 
				}
 214 
				}
194 
			});
 215 
			});
195 
		}
 216 
		}
196 
	} else {
 217 
	} else {
197 
		this.afficherPanneau( '#dialogue-taxon-or-image' );
 218 
		this.afficherPanneau( '#dialogue-taxon-or-image' );
198 
		$( '#bloc-taxon' ).addClass( 'error' )
 219 
		$( '#bloc-taxon' ).addClass( 'error' )
199 
			.find( 'span.error' ).show();
 220 
			.find( 'span.error' ).show();
200 
		$( '#fichier' ).parent( 'label.label-file' ).addClass( 'error' );
 221 
		$( '#fichier' ).parent( 'label.label-file' ).addClass( 'error' );
201 
		$( '#photos-conteneur').addClass( 'error' ).find( 'span.error' ).show();
 222 
		$( '#photos-conteneur').addClass( 'error' ).find( 'span.error' ).show();
202 
	}
 223 
	}
203 
	return ( images || taxon );
 224 
	return ( images || taxon );
204 
};
 225 
};
205 
 
 226 
 
206 
/**
 227 
/**
207 
 * Valide le formulaire au click sur un bouton "suivant"
 228 
 * Valide le formulaire au click sur un bouton "suivant"
208 
 */
 229 
 */
209 
PlantesEtLichensASL.prototype.validerForm = function() {
 230 
PlantesEtLichensASL.prototype.validerForm = function() {
210 
	const images       = this.valOk( $( '#miniatures .miniature' ) );
 231 
	const images       = this.valOk( $( '#miniatures .miniature' ) );
211 
	const taxon        = this.valOk( $( '#taxon' ).val() );
 232 
	const taxon        = this.valOk( $( '#taxon' ).val() );
212 
	const taxonOuImage = this.validerTaxonImage( taxon, images );
 233 
	const taxonOuImage = this.validerTaxonImage( taxon, images );
213 
	const observateur  = ( $( '#form-observateur' ).valid() && $( '#courriel' ).valid() )
 234 
	const observateur  = ( $( '#form-observateur' ).valid() && $( '#courriel' ).valid() )
214 
	const obs          = $( '#form-' + this.sujet ).valid();
 235 
	const obs          = $( '#form-' + this.sujet ).valid();
215 
 
 236 
 
216 
	// panneau observateur
 237 
	// panneau observateur
217 
	if ( observateur ) {
 238 
	if ( observateur ) {
218 
		this.masquerPanneau( '#dialogue-utilisateur-non-identifie' );
 239 
		this.masquerPanneau( '#dialogue-utilisateur-non-identifie' );
219 
		$( '#tb-observateur .control-group' ).removeClass( 'error' );
 240 
		$( '#tb-observateur .control-group' ).removeClass( 'error' );
220 
	} else {
 241 
	} else {
221 
		this.afficherPanneau( '#dialogue-utilisateur-non-identifie' );
 242 
		this.afficherPanneau( '#dialogue-utilisateur-non-identifie' );
222 
		$( '#tb-observateur .control-group' ).addClass( 'error' );
 243 
		$( '#tb-observateur .control-group' ).addClass( 'error' );
223 
	}
 244 
	}
224 
 
 245 
 
225 
	return ( observateur && obs && taxonOuImage );
 246 
	return ( observateur && obs && taxonOuImage );
226 
};
 247 
};