/trunk/widget/modules/vote/squelettes/vote.tpl.html |
---|
New file |
0,0 → 1,77 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
<html xmlns="http://www.w3.org/1999/xhtml"> |
<head> |
<title>Votez !</title> |
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> |
<meta http-equiv="Content-style-type" content="text/css" /> |
<meta http-equiv="Content-script-type" content="text/javascript" /> |
<meta http-equiv="Content-language" content="fr" /> |
<meta name="revisit-after" content="15 days" /> |
<meta name="robots" content="index,follow" /> |
<meta name="author" content="Delphine Cauquil, Aurélien Peronnet" /> |
<meta name="keywords" content="Tela Botanica, photographie, DEL" /> |
<meta name="description" content="Widget de vote sur les dernières images proposées dans DEL" /> |
<!-- Spécial mobile --> |
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> |
<!-- Favicones --> |
<link rel="icon" type="image/png" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" /> |
<link rel="shortcut icon" type="image/x-icon" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.ico" /> |
<!-- Feuilles de styles --> |
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" /> |
<link rel="stylesheet" type="text/css" href="<?=$url_css?>vote.css" media="screen" /> |
<!-- Javascript : bibliothèques --> |
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> |
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script> |
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> |
<script type="text/Javascript"> |
//<![CDATA[ |
var g_idUtilisateur = "<?= $utilisateur; ?>"; |
//]]> |
</script> |
<script src="<?=$url_js?>vote.js"></script> |
</head> |
<body> |
<!-- WIDGET:DEL:VOTE - DEBUT --> |
<div class="del-vote-contenu"> |
<img id="image_principale" src="<?= str_replace('XL', 'CRS', $donnees['url']); ?>" alt="image" /> |
<div class="conteneur_image_secondaire"> |
<?php $premiere_image = true; ?> |
<?php foreach($donnees['images'] as $image) : ?> |
<img class="image_secondaire <?php if($premiere_image) { echo 'image_active';} ?>" src="<?= str_replace('XL', 'CRS', $image['binaire.href']); ?>" alt="image" /> |
<?php $premiere_image = false; ?> |
<?php endforeach ?> |
</div> |
<div class="info_observation"> |
<?= $donnees['titre']; ?> |
</div> |
<ul class="ui-listview" data-role="listview"> |
<?php foreach($donnees['liste_votes_determination'] as $vote_determination) : ?> |
<li class="ui-li ui-li-static ui-body-c"> |
<div class="intitule_determination"> |
<div><?= $vote_determination['nom_sel']; ?></div> |
<div class="auteur_determination">Proposé par : <?= $vote_determination['auteur.prenom']; ?> <?= $vote_determination['auteur.nom']; ?></div> |
</div> |
<div id="vote_determination_<?= $vote_determination['id_commentaire']; ?>" class="votes_determination"> |
<a href="#" class="bouton_vote bouton_vote_oui" data-role="button" data-mini="true" data-inline="true"> oui</a> |
<span class="nb_votes nb_votes_oui"> |
<?= $vote_determination['votes']['oui']; ?> |
</span> |
<a href="#" class="bouton_vote bouton_vote_non" data-role="button" data-mini="true" data-inline="true"> non</a> |
<span class="nb_votes nb_votes_non"> |
<?= $vote_determination['votes']['non']; ?> |
</span> |
</div> |
<hr style="visibility:hidden;clear:both" /> |
</li> |
<?php endforeach ?> |
</ul> |
</div> |
<!-- WIDGET:DEL:VOTE - FIN --> |
</body> |
</html> |
/trunk/widget/modules/vote/squelettes/images/chargement.gif |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/trunk/widget/modules/vote/squelettes/images/chargement.gif |
---|
New file |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/trunk/widget/modules/vote/squelettes/images/fermeture.png |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = image/png |
/trunk/widget/modules/vote/squelettes/images/fermeture.png |
---|
New file |
Property changes: |
Added: svn:mime-type |
+image/png |
\ No newline at end of property |
/trunk/widget/modules/vote/squelettes/images/tri.png |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = image/png |
/trunk/widget/modules/vote/squelettes/images/tri.png |
---|
New file |
Property changes: |
Added: svn:mime-type |
+image/png |
\ No newline at end of property |
/trunk/widget/modules/vote/squelettes/images/ouverture.png |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = image/png |
/trunk/widget/modules/vote/squelettes/images/ouverture.png |
---|
New file |
Property changes: |
Added: svn:mime-type |
+image/png |
\ No newline at end of property |
/trunk/widget/modules/vote/squelettes/images/tri_croissant.png |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = image/png |
/trunk/widget/modules/vote/squelettes/images/tri_croissant.png |
---|
New file |
Property changes: |
Added: svn:mime-type |
+image/png |
\ No newline at end of property |
/trunk/widget/modules/vote/squelettes/images/information.png |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = image/png |
/trunk/widget/modules/vote/squelettes/images/information.png |
---|
New file |
Property changes: |
Added: svn:mime-type |
+image/png |
\ No newline at end of property |
/trunk/widget/modules/vote/squelettes/images/tri_decroissant.png |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = image/png |
/trunk/widget/modules/vote/squelettes/images/tri_decroissant.png |
---|
New file |
Property changes: |
Added: svn:mime-type |
+image/png |
\ No newline at end of property |
/trunk/widget/modules/vote/squelettes/vote_mobile.tpl.html |
---|
New file |
0,0 → 1,60 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
<html xmlns="http://www.w3.org/1999/xhtml"> |
<head> |
<title>Votez !</title> |
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> |
<meta http-equiv="Content-style-type" content="text/css" /> |
<meta http-equiv="Content-script-type" content="text/javascript" /> |
<meta http-equiv="Content-language" content="fr" /> |
<meta name="revisit-after" content="15 days" /> |
<meta name="robots" content="index,follow" /> |
<meta name="author" content="Delphine Cauquil, Aurélien Peronnet" /> |
<meta name="keywords" content="Tela Botanica, photographie, DEL" /> |
<meta name="description" content="Widget de vote sur les dernières images proposées dans DEL" /> |
<!-- Spécial mobile --> |
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> |
<!-- Favicones --> |
<link rel="icon" type="image/png" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" /> |
<link rel="shortcut icon" type="image/x-icon" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.ico" /> |
<!-- Feuilles de styles --> |
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" /> |
<link rel="stylesheet" type="text/css" href="<?=$url_css?>vote.css" media="screen" /> |
<!-- Javascript : bibliothèques --> |
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> |
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script> |
</head> |
<body> |
<!-- WIDGET:DEL:VOTE - DEBUT --> |
<div class="del-vote-contenu"> |
<img id="image_principale" src="<?= $donnees['url']; ?>" alt="image" /> |
<?php foreach($donnees['images'] as $image) : ?> |
<img class="image_secondaire" src="<?= $donnees['url']; ?>" alt="image" /> |
<?php endforeach ?> |
<div class="info_observation"> |
<?= $donnees['titre']; ?> |
</div> |
<ul class="ui-listview" data-role="listview"> |
<?php foreach($donnees['liste_votes_determination'] as $vote_determination) : ?> |
<li class="ui-li ui-li-static ui-body-c"> |
<div class="intitule_determination"> |
<div><?= $vote_determination['nom_sel']; ?></div> |
<div class="auteur_determination">Proposé par : <?= $vote_determination['auteur.prenom']; ?> <?= $vote_determination['auteur.nom']; ?></div> |
</div> |
<div class="votes_determination"> |
<a class="bouton_vote_oui" href="#" data-role="button" data-mini="true" data-inline="true"> oui</a><?= $vote_determination['votes']['oui']; ?> |
<a class="bouton_vote_non" href="#" data-role="button" data-mini="true" data-inline="true"> non</a><?= $vote_determination['votes']['non']; ?> |
</div> |
<hr style="visibility:hidden;clear:both" /> |
</li> |
<?php endforeach ?> |
</ul> |
</div> |
<!-- WIDGET:DEL:VOTE - FIN --> |
</body> |
</html> |
/trunk/widget/modules/vote/squelettes/scripts/vote.js |
---|
New file |
0,0 → 1,70 |
/** |
* var g_idObservation : id de l'observation en cours de consultation |
* var g_idUtilisateur : id utilisateur |
*/ |
var g_idObservation = '726365'; |
var boutonClique = null; |
function gererEvenementsClicsVotes() { |
$('.bouton_vote').click(function(event) { |
boutonClique = $(this); |
voter(getValeurVote()); |
}); |
} |
function voter(ouiOuNon) { |
var idProposition = obtenirIdProposition(); |
var urlVote = getUrlVoteProposition(idProposition); |
$.ajax({ |
url : urlVote, |
type: "PUT", |
data: "utilisateur="+g_idUtilisateur+"&valeur="+ouiOuNon, |
}).done(function(data) { |
boutonClique.effect("highlight", {}, 1000); |
mettreAJourNbVotes(); |
boutonClique = null; |
}); |
} |
function getValeurVote() { |
valeur = "0"; |
if(boutonClique.hasClass('bouton_vote_oui')) { |
valeur = "1"; |
} |
return valeur; |
} |
function mettreAJourNbVotes() { |
valeurNbVotes = boutonClique.next().html(); |
valeurNbVotes++; |
boutonClique.next().html(valeurNbVotes); |
} |
function obtenirIdProposition() { |
var chaineProposition = boutonClique.parent().attr('id'); |
return chaineProposition.replace('vote_determination_', ''); |
} |
function getUrlVoteProposition(idProposition) { |
return 'http://localhost/del/services/0.1/observations/'+g_idObservation+'/'+idProposition+'/vote/'; |
} |
function gererEvenementClicImageSecondaire() { |
$('.image_secondaire').click(function(event) { |
$('.image_secondaire').removeClass('image_active'); |
var urlImageSecondaire = $(this).attr('src'); |
urlImageSecondaireAgrandie = urlImageSecondaire.replace('XS','CRS'); |
var urlImagePrincipale = $('#image_principale').attr('src'); |
urlImagePrincipaleMiniature = urlImagePrincipale.replace('CRS','XS'); |
$(this).addClass('image_active'); |
$('#image_principale').attr('src', urlImageSecondaireAgrandie); |
}); |
} |
$(document).ready(function() { |
gererEvenementsClicsVotes(); |
gererEvenementClicImageSecondaire(); |
}); |
/trunk/widget/modules/vote/squelettes/css/vote.css |
---|
New file |
0,0 → 1,27 |
@charset "UTF-8"; |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Widget */ |
.intitule_determination { |
float:left; |
} |
.votes_determination { |
float:right; |
} |
.auteur_determination { |
font-style:italic; |
} |
.image_secondaire { |
height: 40px; |
} |
.nb_votes { |
position: relative; |
top: -12px; |
} |
.image_active { |
border: solid 1px black; |
} |
/trunk/widget/modules/vote/Vote.php |
---|
New file |
0,0 → 1,132 |
<?php |
// declare(encoding='UTF-8'); |
/** |
* Service affichant les dernières photo publiques du CEL ouvrable sous forme de diaporama. |
* Encodage en entrée : utf8 |
* Encodage en sortie : utf8 |
* |
* Cas d'utilisation et documentation : |
* @link http://www.tela-botanica.org/wikini/eflore/wakka.php?wiki=AideCELWidgetPhoto |
* |
* Paramètres : |
* ===> extra = booléen (1 ou 0) [par défaut : 1] |
* Affiche / Cache la vignette en taille plus importante au bas du widget. |
* ===> vignette = [0-9]+,[0-9]+ [par défaut : 4,3] |
* Indique le nombre de vignette par ligne et le nombre de ligne. |
* |
* @author Jean-Pascal MILCENT <jpm@tela-botanica.org> |
* @license GPL v3 <http://www.gnu.org/licenses/gpl.txt> |
* @license CECILL v2 <http://www.cecill.info/licences/Licence_CeCILL_V2-en.txt> |
* @version $Id$ |
* @copyright Copyright (c) 2010, Tela Botanica (accueil@tela-botanica.org) |
*/ |
class Vote extends WidgetCommun { |
const DS = DIRECTORY_SEPARATOR; |
const SERVICE_DEFAUT = 'photo'; |
private $ce_img_url_tpl = null; |
private $del_url_service_tpl = null; |
/** |
* Méthode appelée par défaut pour charger ce widget. |
*/ |
public function executer() { |
$this->del_url_service_tpl = $this->config['vote']['baseURLServicesDelTpl']; |
$this->ce_img_url_tpl = $this->config['vote']['celImgUrlTpl']; |
$donnees = $this->obtenirDonnees(); |
$widget['donnees']['titre'] = $this->construireTitreImage($donnees); |
$widget['donnees']['url'] = $this->obtenirUrlImage(&$donnees['images']); |
$widget['donnees']['utilisateur'] = $this->obtenirUtilisateur(); |
$widget['donnees']['images'] = $donnees['images']; |
$widget['donnees']['liste_votes_determination'] = $this->formaterDeterminations($donnees); |
$widget['donnees']['url_css'] = sprintf($this->config['chemins']['baseURLAbsoluDyn'], 'modules/vote/squelettes/css/'); |
$widget['donnees']['url_js'] = sprintf($this->config['chemins']['baseURLAbsoluDyn'], 'modules/vote/squelettes/scripts/'); |
$squelette = dirname(__FILE__).self::DS.'squelettes'.self::DS.'vote.tpl.html'; |
$contenu = $this->traiterSquelettePhp($squelette, $widget['donnees']); |
$this->envoyer($contenu); |
} |
private function obtenirDonnees() { |
$donnees = json_decode(file_get_contents($this->del_url_service_tpl.'observations/726365'), true); |
$donnees = $donnees; |
return $donnees; |
} |
private function construireTitreImage($donnees) { |
return 'Pris par '.$donnees['auteur.prenom'].' '.$donnees['auteur.nom'].' à '.$donnees['zone_geo']; |
} |
private function obtenirUrlImage($images) { |
$index = 0; |
$premiere_image = $images[$index]; |
return $premiere_image['binaire.href']; |
} |
private function formaterDeterminations($observation) { |
$liste_determinations = $observation['commentaires']; |
$liste_determinations_formatees = array(); |
$creerPropositionAPartirObservation = true; |
foreach ($liste_determinations as $determination) { |
$determination_formatee = $determination; |
if($determination['nom_sel'] != null && $determination['nom_sel'] != '') { |
$determination_formatee['votes'] = $this->formaterVotes($determination['votes']); |
$liste_determinations_formatees[] = $determination_formatee; |
} |
if($determination['nom_sel'] == $observation['determination.ns'] && |
$determination['auteur.id'] == $observation['auteur.id']) { |
$creerPropositionAPartirObservation = false; |
} |
} |
if($creerPropositionAPartirObservation) { |
$liste_determinations_formatees[] = $this->creerDeterminationAPartirObservation($observation); |
} |
return $liste_determinations_formatees; |
} |
private function creerDeterminationAPartirObservation($observation) { |
$proposition = array("id_commentaire" => "0", |
"observation" => $observation['id_observation'], |
"proposition" => "0", |
"id_parent" => "0", |
"auteur.id" => $observation['auteur.id'], |
"texte" => null, |
"auteur.nom" => $observation['auteur.nom'], |
"auteur.prenom" => $observation['auteur.prenom'], |
"auteur.courriel" => $observation['observateur'], |
"date" => $observation['date_observation'], |
"nom_sel" => $observation['determination.ns'], |
"votes" => array('oui' => 0, 'non' => 0) |
); |
return $proposition; |
} |
private function formaterVotes($liste_votes) { |
$liste_votes_formates = array('oui' => 0, 'non' => 0); |
foreach($liste_votes as $vote) { |
if($vote['vote'] == 1) { |
$liste_votes_formates['oui']++; |
} else { |
$liste_votes_formates['non']++; |
} |
} |
return $liste_votes_formates; |
} |
private function obtenirUtilisateur() { |
$donnees = json_decode(file_get_contents($this->del_url_service_tpl.'utilisateurs/'), true); |
$donnees = $donnees['id_utilisateur']; |
return $donnees; |
} |
} |
?> |
/trunk/widget/modules/vote/config.defaut.ini |
---|
New file |
0,0 → 1,19 |
[photo] |
; Chemin pour l'autoload à ajouter |
autoload = "bibliotheque/;bibliotheque/xml_feed_parser/1.0.4/;bibliotheque/xml_feed_parser/1.0.4/parsers/" |
; URL ou chemin du flux RSS contenant les liens vers les photos |
fluxRssUrl = "http://www.tela-botanica.org/service:cel:CelSyndicationImage/multicriteres/atom/M" |
; Squelette d'url pour accéder à la fiche eFlore |
efloreUrlTpl = "http://www.tela-botanica.org/eflore/BDNFF/4.02/nn/%s/illustration" |
; Nombre de vignette à afficher : nombre de vignettes par ligne et nombre de lignes séparés par une vigule (ex. : 4,3). |
vignette = 4,3 |
; Afficher/Cacher l'affichage en grand de la dernière image ajoutée |
extraActif = true |
[photo.cache] |
; Active/Désactive le cache |
activation = true |
; Dossier où stocker les fichiers de cache du widget |
stockageDossier = "/tmp" |
; Durée de vie du fichier de cache |
dureeDeVie = 86400 |
/trunk/widget/modules/vote/bibliotheque/Cache.php |
---|
New file |
0,0 → 1,128 |
<?php |
class Cache { |
private $actif = null; |
private $dossier_stockage = null; |
private $duree_de_vie = null; |
public function __construct($dossier_stockage = null, $duree_de_vie = null, $activation = true) { |
$this->actif = ($activation) ? true : false; |
if ($this->actif) { |
$this->dossier_stockage = $dossier_stockage; |
if (is_null($dossier_stockage)) { |
$this->dossier_stockage = self::getDossierTmp(); |
} |
$this->duree_de_vie = $duree_de_vie; |
if (is_null($duree_de_vie)) { |
$this->duree_de_vie = 3600*24; |
} |
} |
} |
public function charger($id) { |
$contenu = false; |
if ($this->actif) { |
$chemin_fichier_cache = $this->dossier_stockage.DIRECTORY_SEPARATOR.$id.'.txt'; |
if (file_exists($chemin_fichier_cache ) && (time() - @filemtime($chemin_fichier_cache) < $this->duree_de_vie)) { |
$contenu = file_get_contents($chemin_fichier_cache); |
} |
} |
return $contenu; |
} |
public function sauver($id, $contenu) { |
if ($this->actif) { |
$chemin_fichier_cache = $this->dossier_stockage.DIRECTORY_SEPARATOR.$id.'.txt'; |
if (!file_exists($chemin_fichier_cache) || (time() - @filemtime($chemin_fichier_cache) > $this->duree_de_vie)) { |
$fh = fopen($chemin_fichier_cache,'w+'); |
if ($fh) { |
fputs($fh, $contenu); |
fclose($fh); |
} |
} |
} |
} |
/** |
* Détermine le dossier système temporaire et détecte si nous y avons accès en lecture et écriture. |
* |
* Inspiré de Zend_File_Transfer_Adapter_Abstract & Zend_Cache |
* |
* @return string|false le chemine vers le dossier temporaire ou false en cas d'échec. |
*/ |
private static function getDossierTmp() { |
$dossier_tmp = false; |
foreach (array($_ENV, $_SERVER) as $environnement) { |
foreach (array('TMPDIR', 'TEMP', 'TMP', 'windir', 'SystemRoot') as $cle) { |
if (isset($environnement[$cle])) { |
if (($cle == 'windir') or ($cle == 'SystemRoot')) { |
$dossier = realpath($environnement[$cle] . '\\temp'); |
} else { |
$dossier = realpath($environnement[$cle]); |
} |
if (self::etreAccessibleEnLectureEtEcriture($dossier)) { |
$dossier_tmp = $dossier; |
break 2; |
} |
} |
} |
} |
if ( ! $dossier_tmp) { |
$dossier_televersement_tmp = ini_get('upload_tmp_dir'); |
if ($dossier_televersement_tmp) { |
$dossier = realpath($dossier_televersement_tmp); |
if (self::etreAccessibleEnLectureEtEcriture($dossier)) { |
$dossier_tmp = $dossier; |
} |
} |
} |
if ( ! $dossier_tmp) { |
if (function_exists('sys_get_temp_dir')) { |
$dossier = sys_get_temp_dir(); |
if (self::etreAccessibleEnLectureEtEcriture($dossier)) { |
$dossier_tmp = $dossier; |
} |
} |
} |
if ( ! $dossier_tmp) { |
// Tentative de création d'un fichier temporaire |
$fichier_tmp = tempnam(md5(uniqid(rand(), TRUE)), ''); |
if ($fichier_tmp) { |
$dossier = realpath(dirname($fichier_tmp)); |
unlink($fichier_tmp); |
if (self::etreAccessibleEnLectureEtEcriture($dossier)) { |
$dossier_tmp = $dossier; |
} |
} |
} |
if ( ! $dossier_tmp && self::etreAccessibleEnLectureEtEcriture('/tmp')) { |
$dossier_tmp = '/tmp'; |
} |
if ( ! $dossier_tmp && self::etreAccessibleEnLectureEtEcriture('\\temp')) { |
$dossier_tmp = '\\temp'; |
} |
return $dossier_tmp; |
} |
/** |
* Vérifie si le fichier ou dossier est accessible en lecture et écriture. |
* |
* @param $ressource chemin vers le dossier ou fichier à tester |
* @return boolean true si la ressource est accessible en lecture et écriture. |
*/ |
protected static function etreAccessibleEnLectureEtEcriture($ressource){ |
$accessible = false; |
if (is_readable($ressource) && is_writable($ressource)) { |
$accessible = true; |
} |
return $accessible; |
} |
} |
?> |