WebSVN – eFlore/Applications.cel – Diff – /trunk/widget/modules/photo/squelettes/js/WidgetPhotoPopup.js

 	this.obs           = this.item['obs'];
 	this.nn            = '[nn' + this.obs['nom_sel_nn']+']';
 	this.urlIP         = this.obs['url_ip'];
 	this.tagsImage     = this.tagsToArray( this.item['tags_photo'] );
 	this.tagsObs       = this.tagsToArray( this.obs['tags_obs'] );
+	this.isAuteurTela  = this.item['is_auteur_tela'];
-	let auteurMail = this.item['utilisateur']['mail_utilisateur'].split("@")[0];
+	let auteurMail 	   = this.item['utilisateur']['mail_utilisateur'].split("@")[0] + '@...';
-	this.auteur        = this.item["utilisateur"]["nom_utilisateur"] ? this.item["utilisateur"]["nom_utilisateur"] : auteurMail;
+	this.auteur        = this.item["utilisateur"]["nom_utilisateur"].trim().length !== 0 ? this.item["utilisateur"]["nom_utilisateur"] : auteurMail;
 	this.date          = this.item['date'];
 	this.urlTpl 	   = this.item['url_tpl'];
+	if (!this.urlIP){
+		this.urlIP = 'www.tela-botanica.org/appli:identiplante#obs~' + this.obs['id_obs'];
+	}
 };
 WidgetPhotoPopup.prototype.tagsToArray = function( tags ) {
 	if(!this.valOk(tags)) {
+		}
 		event = (event || window.event);
 		// event.keyCode déprécié, on tente d'abord event.key
-		let sens = ( 'key' in event ) ? determinerSens( event.key, 'ArrowLeft', 'ArrowRight' ) : determinerSens( event.keyCode, 37, 39 );;
+		let sens = ( 'key' in event ) ? determinerSens( event.key, 'ArrowLeft', 'ArrowRight' ) : determinerSens( event.keyCode, 37, 39 );;
 console.log(sens);
 		if ( lthis.valOk( sens ) ) {
 			lthis.defilerImage( sens );
+		}
 	});
 		lthis.ouvrirVoletFct( voletAOuvrir, voletAFermer );
 		if ( window.matchMedia( '(max-width: 991px)' ).matches ) {
 			$( '#info-img-galerie' ).addClass( 'hidden' );
 			$( '#volet, #retour-galerie' ).removeClass( 'hidden' );
-			$( '#hide-metas-div' ).removeClass( 'hidden' );
+			$( '#hide-metas-div' ).addClass( 'hidden' );
+		}
 	});
 };
 		"<p>"+ lthis.item['tags_photo']+"</p>"
+	)
+}
+WidgetPhotoPopup.prototype.initEvtsTagsPF = function() {
+	// Récupération des tags PF
+	let url = lthis.urlServiceDel + 'mots-cles?image=' + this.idImage;
+	this.envoyerVersService('GET', url, null, null, function (erreur, data) {
+		if (erreur) {
+			console.error("Erreur lors de la requête :", erreur);
+		} else {
+			lthis.item['tags_pf']= [];
+			let tags = Object.values(data['resultats']);
+			tags.forEach(tag => {
+				lthis.item['tags_pf'].push({'id_mot_cle' : tag.id_mot_cle, 'mot_cle' : tag.mot_cle})
+			})
+			lthis.tagsPf();
+			lthis.tagsPfCustom();
+		}
+	});
 WidgetPhotoPopup.prototype.initEvtsTagsPF = function() {
 	const tagsPfDiv = $('#tags-pf');
 	tagsPfDiv.html('');
 	tagsPfDiv.append('<a id="port" class="btn tag">Port</a>' +
 		'<a id="fleur" class="btn tag">Fleur</a>' +
 		'<a id="rameau" class="btn tag">Rameau</a>' +
 		'<a id="planche" class="btn tag">Planche</a>' +
 		'<a id="rosette" class="btn tag">Rosette</a>' +
 		'<a id="pousse" class="btn tag">Pousse</a>');
-	this.tagsPf();
-	this.tagsPfCustom();
-	$( '#bloc-tags' ).off('click');
-	$( '#bloc-tags' ).on( 'click', '.tag', function( event ) {
+	$( '#bloc-tags' ).off('click').on( 'click', '.tag', function( event ) {
 		event.preventDefault();
 		$( this ).toggleClass( 'actif' );
 					lthis.item['tags_pf'].push({'id_mot_cle' : tagId['id'][0], 'mot_cle' : motCleClique})
+				}
 			});
+		}
 	});
-	/* //@TODO est-ce qu'on garde cette croix?
-	$( '#bloc-tags' ).on( 'click', '.custom-tag.actif .fermer', function( event ) {
-		event.preventDefault();
-		//			Supprimer un custom-tag
-		//	_OPTIONS
-		// https://api-test.tela-botanica.org/service:del:0.1/mots-cles/38368
-		// 	_paramètres
-		// L'id du tag à la fin de l'url
-		//	_DELETE
-		// https://api-test.tela-botanica.org/service:del:0.1/mots-cles/38368
-		// 	_réponse:
-		// ""
-		// 			Mettre à jour les mots cles
-		//	_OPTIONS
-		// https://api-test.tela-botanica.org/service:del:0.1/mots-cles?image=197938
-		//	_GET
-		// https://api-test.tela-botanica.org/service:del:0.1/mots-cles?image=197938
-		$( this ).parent( '.custom-tag' ).remove();
-	});
-	*/
-/*
-	$( '#bloc-tags' ).on( 'keyup', '.custom-tag.actif', function( event ) {
-		let supprimerTag = false;
-		event = ( event || window.event );
-		// event.keyCode déprécié, on tente d'abord event.key
-		if ( 'key' in event ) {
-			supprimerTag = ( 'Delete' === event.key || 'Backspace' === event.key );
-		} else {
-			supprimerTag = ( 46 === event.keyCode || 8 === event.keyCode );
-		}
-		if ( supprimerTag ) {
-			//			Supprimer un custom-tag
-			//	_OPTIONS
-			// https://api-test.tela-botanica.org/service:del:0.1/mots-cles/38368
-			// 	_paramètres
-			// L'id du tag à la fin de l'url
-			//	_DELETE
-			// https://api-test.tela-botanica.org/service:del:0.1/mots-cles/38368
-			// 	_réponse:
-			// ""
-			// 			Mettre à jour les mots cles
-			//	_OPTIONS
-			// https://api-test.tela-botanica.org/service:del:0.1/mots-cles?image=197938
-			//	_GET
-			// https://api-test.tela-botanica.org/service:del:0.1/mots-cles?image=197938
-			$( this ).parent( '.custom-tag' ).remove();
-		}
-	});
- */
 };
 WidgetPhotoPopup.prototype.defilerImage = function( sens ) {
 	if ( 'suivant' === sens ) {
 			this.popupUrl = this.actualiserPopupUrl( this.popupUrl, this.urlThisImage );
+		}
 		lienContact += '&popup_url=' + encodeURIComponent( this.popupUrl );
+	}
+	if (this.isAuteurTela){
-	$( '#bloc-infos-img' ).html(
+		$( '#bloc-infos-img' ).html(
-		this.afficherLien( this.urlLienEflore, this.obs['nom_sel'] )+
+			this.afficherLien( this.urlLienEflore, this.obs['nom_sel'] )+
-		' par '+
+			' par '+
+			'<a class="lien_contact" href="' + this.item['urlProfil'] + '" target="_blank" title="Afficher le profil">' + this.auteur + '</a> '+
+			' le ' + this.date + ' - ' + this.obs['localisation']
+		);
+	} else {
+		$( '#bloc-infos-img' ).html(
+			this.afficherLien( this.urlLienEflore, this.obs['nom_sel'] )+
+			' par '+
-		'<a class="lien_contact" href="' + this.item['urlProfil'] + '" target="_blank" title="Afficher le profil">' + this.auteur + '</a> '+
+			this.auteur +
-		' le ' + this.date + ' - ' + this.obs['localisation']
+			' le ' + this.date + ' - ' + this.obs['localisation']
+		);
+	}
 	);
 };
 		$( '#info-img-galerie' ).removeClass( 'hidden' );
 		$( '.bouton-fct.actif' ).removeClass( 'actif' );
 		$( '.nettoyage-volet.haut' ).text( $( '#bloc-infos-img' ).text() );
 		$( '#boutons-footer, #info-img-galerie' ).removeClass( 'col-lg-8' );
 		$( '#bloc-infos-img, #volet' ).removeClass( 'col-lg-4' );
+		$( '#hide-metas-div' ).addClass( 'hidden' );
 	} else {
 		$( '#volet, #info-img-galerie' ).removeClass( 'hidden' );
 		if ( this.valOk( $( '.bloc-volet:not(.hidden)' ) ) ) {
 			$( '.bouton-fct.' + $( '.bloc-volet:not(.hidden)' ).data( 'volet' ) ).addClass( 'actif' );
+		}
 		$( '.nettoyage-volet.bas' ).text( $( '#bloc-infos-img' ).text() );
 		$( '#boutons-footer, #info-img-galerie' ).addClass( 'col-lg-8' );
 		$( '#bloc-infos-img, #volet' ).addClass( 'col-lg-4' );
 		$( '#retour-galerie' ).addClass( 'hidden' );
+		$( '#hide-metas-div' ).removeClass( 'hidden' );
+	}
 };
 WidgetPhotoPopup.prototype.redimensionnerGalerie = function() {
 		if (tagElement) {
 			// Ajouter la classe 'active' à l'élément <a>
 			tagElement.classList.add('actif');
 		} else {
 			$('#tags-pf-supp').append('<a id="'+tag['mot_cle']+'" class="btn tag custom-tag actif">' + tag['mot_cle'] + '&nbsp;' +
-				// '<i class="fas fa-times-circle fermer"></i>' +
 				'</a>')
+		}
 	});
+}
 			if( lthis.valOk( nouveauTagAttr ) && !lthis.valOk( $( '#' + nouveauTagAttr + '.tag' ) ) ) {
 				$( '#tags-pf-supp' ).append(
 					'<a id="' + nouveauTagAttr + '" class="btn tag custom-tag actif">' +
-						nouveauTag + '&nbsp;' +
-					// '<i class="fas fa-times-circle fermer"></i>' +
+						nouveauTag + '&nbsp;' +
 					'</a>'
 				);
 						console.log('tag : ' + nouveauTagAttr + ' ajouté');
 						lthis.item['tags_pf'].push({'id_mot_cle' : tagId['id'][0], 'mot_cle' : nouveauTagAttr})
+					}
 				});
 				// $( '#form-tags-auteur' )[0].reset();
 				$( this ).val( '' );
+			}
+		}
 	});
 	this.fournirLienTelechargement();
 };
 WidgetPhotoPopup.prototype.afficherMetas = function() {
+	const lthis         = this;
+	if (!this.obs['fiabilite']){
+		this.obs['fiabilite'] = 'impossible de récupérer le grade';
 	const lthis         = this;
 	const META_CONTENUS = {
 		'nom' : this.afficherLien( this.urlLienEflore, this.obs['nom_sel'] ),
 		'localisation' : this.obs['localisation'],
 		'auteur' : this.auteur,
 				case 'nom' :
 					$( '.contenu', $metaContainer ).html( contenu );
 					$( '.bouton', $metaContainer ).attr( 'href', lthis.urlLienEflore );
 					break;
 				case 'auteur' :
+					if (lthis.isAuteurTela) {
-					$( '.bouton', $metaContainer ).attr( 'href', lthis.item['urlProfil'] );
+						$('.bouton', $metaContainer).attr('href', lthis.item['urlProfil']);
+						$( '#bloc-meta #auteur i').removeClass('hidden');
+						$('.bouton', $metaContainer).removeClass('hidden');
+					} else {
+						$('.bouton', $metaContainer).addClass('hidden');
+						$( '#bloc-meta #auteur i').addClass('hidden');
+					}
 				default:
 					$( '.contenu', $metaContainer ).text( contenu );
 					break;
+			}
+		}
 		'est_ip_valide' : 'validée sur identiplante',
 		'score_ip' : 'score identiplante',
 		'url_ip' : 'url identiplante',
 		'abondance' : 'abondance',
 		'phenologie' : 'phénologie',
-		'spontaneite' : 'spontaneite',
+		'spontaneite' : 'spontanéite',
-		'type_donnees' : 'type de donnees',
+		'type_donnees' : 'type de données',
 		'biblio' : 'bibliographie',
 		'source' : 'source',
 		'herbier' : 'herbier',
 		'observateur' : 'observateur',
 		'observateur_structure' : 'structure'
 		// On envoie le protocole sélectionné à la partie "vote"
 		// On récupère tous les votes de l'image depuis pictoflora
 		lthis.votes = lthis.getVotes(lthis.protocole)
 		// Si l'utilisateur est connect, on vérifie s'il a déjà voté pour cette image et on affiche les étoiles
-		// correspondantes
+		// Si l'utilisateur est connect, on vérifie s'il a déjà voté pour cette image et on affiche les étoiles correspondantes
 		if(lthis.userId){
 			lthis.checkUserVote(lthis.userId, lthis.protocole, lthis.votes);
 		} else {
+		}
 	})
 	if (userVote){
-		this.displayVote(userVote['vote']);
-		// this.traiterVote()
+		this.displayVote(userVote['vote']);
 		this.voteId = userVote['vote.id'];
 		return true
 		event.preventDefault();
 		url = "";
 		lthis.pivoter('droite');
-		url = newCel + "-90";
-		// lthis.envoyerVersService('GET', url, lthis.token )
+		url = newCel + "-90";
 		lthis.envoyerVersService('GET', url, lthis.token, null, function (erreur, cb) {
-			lthis.forcerMajImage(lthis.urlThisImage, lthis.urlTpl);
-		});
 			lthis.forcerMajImage(lthis.urlThisImage, lthis.urlTpl);
-		// lthis.forcerMajImage(lthis.urlThisImage);
+		});
 	});

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/photo/squelettes/js/WidgetPhotoPopup.js @ 3833 – Rev 3989 → 3990