Subversion Repositories eFlore/Applications.del

Compare Revisions

Ignore whitespace Rev 985 → Rev 986

/trunk/widget/modules/vote/squelettes/css/vote.css
15,6 → 15,7
 
.image_secondaire {
height: 40px;
cursor:pointer;
}
 
.nb_votes {
24,4 → 25,13
 
.image_active {
border: solid 1px black;
}
 
.bouton_selectionne > * {
background-color: #BBBBBB;
cursor: default;
}
 
.bouton_selectionnee {
cursor: default;
}
/trunk/widget/modules/vote/squelettes/vote.tpl.html
27,6 → 27,15
<!-- Javascript : bibliothèques -->
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/Javascript">
//<![CDATA[
$(document).bind("mobileinit", function(){
$.extend( $.mobile , {
ajaxEnabled: false
});
});
//]]>
</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">
40,7 → 49,17
<script src="<?=$url_js?>vote.js"></script>
</head>
<body>
<!-- WIDGET:DEL:VOTE - DEBUT -->
<!-- WIDGET:DEL:VOTE - DEBUT -->
<div data-role="navbar">
<ul>
<?php if($donnees['urls_navigation']['url_precedent'] != null) { ?>
<li><a href="<?= $donnees['urls_navigation']['url_precedent']; ?>" class="ui-btn-active">Précédent</a></li>
<?php } ?>
<?php if($donnees['urls_navigation']['url_suivant'] != null) { ?>
<li><a href="<?= $donnees['urls_navigation']['url_suivant']; ?>">Suivant</a></li>
<?php } ?>
</ul>
</div><!-- /navbar -->
<div class="del-vote-contenu">
<img id="image_principale" src="<?= str_replace('XL', 'CRS', $donnees['url']); ?>" alt="image" />
<div class="conteneur_image_secondaire">
/trunk/widget/modules/vote/squelettes/scripts/vote.js
1,12 → 1,29
/**
/**----------------------------------------------------------------------------------------------------------*/
/** Variables globales et initialisation
* Variables crées par php dans le squelettes
*
* var g_idObservation : id de l'observation en cours de consultation
* var g_urlServiceVotes : url du service web des votes à appeler
* var g_urlServiceUtilisateurs : url du service web utilisateur à appeler
* var g_votes : tableau des votes
*
*/
var boutonClique = null;
var g_idUtilisateur = null
var g_idUtilisateur = null;
 
$(document).ready(function() {
getIdUtilisateur();
gererEvenementsClicsVotes();
gererEvenementClicImageSecondaire();
});
 
function getIdUtilisateur() {
$.getJSON(g_urlServiceUtilisateurs, function(data) {
g_idUtilisateur = data.id_utilisateur;
mettreEnValeurVotesUtilisateur();
});
}
 
function gererEvenementsClicsVotes() {
$('.bouton_vote').click(function(event) {
boutonClique = $(this);
14,114 → 31,127
});
}
 
function voter(ouiOuNon) {
var idProposition = obtenirIdProposition();
var urlVote = getUrlVoteProposition(idProposition);
var type = getMethodeRequete(idProposition, g_idUtilisateur);
$.ajax({
url : urlVote,
type: type,
data: "utilisateur="+g_idUtilisateur+"&valeur="+ouiOuNon
}).done(function(data) {
mettreAjourTableauVotes(idProposition, g_idUtilisateur, ouiOuNon);
mettreAJourNbVotes(idProposition);
boutonClique.effect("highlight", {}, 1000);
boutonClique = null;
});
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);
});
}
 
function getMethodeRequete(idProposition, idUtilisateur) {
var methode = "PUT";
if(g_votes[idProposition] != undefined && g_votes[idProposition] != null &&
g_votes[idProposition][idUtilisateur] != undefined && g_votes[idProposition][idUtilisateur] != null) {
methode = "POST";
}
return methode;
}
 
function mettreAjourTableauVotes(idProposition, idUtilisateur, valeurVote) {
if(g_votes[idProposition] == undefined) {
g_votes[idProposition] = new Array();
}
g_votes[idProposition][idUtilisateur] = valeurVote;
}
 
function getValeurVote() {
valeur = "0";
valeur = 0;
if(boutonClique.hasClass('bouton_vote_oui')) {
valeur = "1";
valeur = 1;
}
return valeur;
}
 
function mettreAJourNbVotes(idProposition) {
function getIdProposition() {
var chaineProposition = boutonClique.parent().attr('id');
return chaineProposition.replace('vote_determination_', '');
}
 
 
/**----------------------------------------------------------------------------------------------------------*/
/** Affichage **/
 
function mettreEnValeurBoutonClique() {
boutonClique.parent().find(".bouton_vote").removeClass("bouton_selectionne");
boutonClique.effect("highlight", {}, 500, function() {$(this).addClass("bouton_selectionne");});
}
 
function mettreEnValeurVotesUtilisateur() {
$('.votes_determination').each(function() {
var id_proposition = $(this).attr('id').replace('vote_determination_', '');
if(g_votes[id_proposition] != undefined && g_votes[id_proposition][g_idUtilisateur] != undefined) {
if(g_votes[id_proposition][g_idUtilisateur] == 1) {
$(this).children('.bouton_vote_oui').addClass("bouton_selectionne");
} else {
$(this).children('.bouton_vote_non').addClass("bouton_selectionne");
}
}
});
}
 
function mettreAJourAffichageNbVotes(idProposition) {
affichageVotes = boutonClique.parent().find(".nb_votes");
affichageVotes.each(function() {
if($(this).hasClass("nb_votes_oui")) {
$(this).html(calculerVotesOui(idProposition));
$(this).html(calculerVotes(idProposition,1));
}
if($(this).hasClass("nb_votes_non")) {
$(this).html(calculerVotesNon(idProposition));
$(this).html(calculerVotes(idProposition,0));
}
});
}
 
function calculerVotesOui(id_proposition) {
var nbOui = 0;
g_votes[id_proposition]
for (var votant in g_votes[id_proposition]) {
if(g_votes[id_proposition][votant] == 1) {
nbOui++;
}
}
return nbOui;
/**----------------------------------------------------------------------------------------------------------*/
/** Requetes **/
 
function getUrlVoteProposition(idProposition) {
return g_urlServiceVotes+'/'+idProposition+'/vote/';
}
 
function calculerVotesNon(id_proposition) {
var nbNon = 0;
g_votes[id_proposition]
for (var votant in g_votes[id_proposition]) {
if(g_votes[id_proposition][votant] == 0) {
nbNon++;
}
function getMethodeRequete(idProposition, idUtilisateur) {
var methode = "PUT";
if(g_votes[idProposition] != undefined && g_votes[idProposition] != null &&
g_votes[idProposition][idUtilisateur] != undefined && g_votes[idProposition][idUtilisateur] != null) {
methode = "POST";
}
return nbNon;
return methode;
}
 
function obtenirIdProposition() {
var chaineProposition = boutonClique.parent().attr('id');
return chaineProposition.replace('vote_determination_', '');
function voter(ouiOuNon) {
var idProposition = getIdProposition();
var urlVote = getUrlVoteProposition(idProposition);
var type = getMethodeRequete(idProposition, g_idUtilisateur);
if(!voteEstIdentique(idProposition, g_idUtilisateur, ouiOuNon)) {
$.ajax({
url : urlVote,
type: type,
data: "utilisateur="+g_idUtilisateur+"&valeur="+ouiOuNon
}).done(function(data) {
mettreAjourTableauVotes(idProposition, g_idUtilisateur, ouiOuNon);
mettreAJourAffichageNbVotes(idProposition);
mettreEnValeurBoutonClique();
boutonClique = null;
});
}
}
 
function getUrlVoteProposition(idProposition) {
return g_urlServiceVotes+'/'+idProposition+'/vote/';
}
/**----------------------------------------------------------------------------------------------------------*/
/** Mise à jour et accès au tableau des votes **/
 
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);
});
function mettreAjourTableauVotes(idProposition, idUtilisateur, valeurVote) {
if(g_votes[idProposition] == undefined) {
g_votes[idProposition] = new Array();
}
g_votes[idProposition][idUtilisateur] = valeurVote;
}
 
function getIdUtilisateur() {
$.getJSON(g_urlServiceUtilisateurs, function(data) {
g_idUtilisateur = data.id_utilisateur;
});
function calculerVotes(id_proposition, ouiOuNon) {
var nb = 0;
for (var votant in g_votes[id_proposition]) {
if(g_votes[id_proposition][votant] == ouiOuNon) {
nb++;
}
}
return nb;
}
 
$(document).ready(function() {
getIdUtilisateur();
gererEvenementsClicsVotes();
gererEvenementClicImageSecondaire();
});
function voteEstIdentique(id_proposition, id_utilisateur, ouiOuNon) {
return (g_votes[id_proposition] != undefined &&
g_votes[id_proposition][id_utilisateur] != undefined &&
g_votes[id_proposition][id_utilisateur] == ouiOuNon);
}
/trunk/widget/modules/vote/Vote.php
27,6 → 27,10
private $ce_img_url_tpl = null;
private $del_url_service_tpl = null;
private $id_observation_suivant = null;
private $id_observation_precedent = null;
private $id_observation = null;
/**
* Méthode appelée par défaut pour charger ce widget.
*/
34,18 → 38,20
$this->del_url_service_tpl = $this->config['vote']['baseURLServicesDelTpl'];
$this->ce_img_url_tpl = $this->config['vote']['celImgUrlTpl'];
$donnees = $this->obtenirDonnees();
$this->collecterParametres();
$ids_observations = $this->obtenirIdsObservation();
$donnees = $this->obtenirDonnees($this->id_observation);
 
$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/');
$widget['donnees']['votes_js'] = $this->convertirTableauVotesEnJs($donnees['commentaires']);
$widget['donnees']['url_service_votes'] = $this->del_url_service_tpl.'observations/726365';
$widget['donnees']['url_service_votes'] = $this->del_url_service_tpl.'observations/'.$this->id_observation;
$widget['donnees']['url_service_utilisateurs'] = $this->del_url_service_tpl.'utilisateurs/';
$widget['donnees']['urls_navigation'] = $this->construireUrlsSuivantesEtPrecedentes($ids_observations);
$squelette = dirname(__FILE__).self::DS.'squelettes'.self::DS.'vote.tpl.html';
$contenu = $this->traiterSquelettePhp($squelette, $widget['donnees']);
53,8 → 59,41
$this->envoyer($contenu);
}
private function obtenirDonnees() {
$donnees = json_decode(file_get_contents($this->del_url_service_tpl.'observations/726365'), true);
private function collecterParametres() {
$this->id_observation = (isset($_GET['id_observation'])) ? $_GET['id_observation'] : null;
}
private function obtenirIdsObservation() {
$ids = json_decode(file_get_contents($this->del_url_service_tpl.'observations?retour.format=widget'), true);
if($this->id_observation == null) {
$this->id_observation = $ids['resultats'][0];
}
return $ids['resultats'];
}
private function obtenirUrlBaseWidget() {
return $this->config['chemins']['baseURL'].'vote';
}
private function construireUrlsSuivantesEtPrecedentes($tableau_id_observation) {
$indices_id_obs = array_flip($tableau_id_observation);
$indice_obs_courante = $indices_id_obs[$this->id_observation];
$url_base = $this->obtenirUrlBaseWidget();
$indice_predecent = isset($tableau_id_observation[$indice_obs_courante - 1]) ? $tableau_id_observation[$indice_obs_courante - 1] : '';
$indice_suivant = isset($tableau_id_observation[$indice_obs_courante + 1]) ? $tableau_id_observation[$indice_obs_courante + 1] : '';
$url_suivant = isset($tableau_id_observation[$indice_obs_courante + 1]) ? $url_base.'?id_observation='.$tableau_id_observation[$indice_obs_courante + 1] : null;
$url_precedent = isset($tableau_id_observation[$indice_obs_courante - 1]) ? $url_base.'?id_observation='.$tableau_id_observation[$indice_obs_courante - 1] : null;
return array('url_suivant' => $url_suivant,
'url_precedent' => $url_precedent
);
}
private function obtenirDonnees($id_observation) {
$donnees = json_decode(file_get_contents($this->del_url_service_tpl.'observations/'.$id_observation), true);
$donnees = $donnees;
return $donnees;
}
139,11 → 178,5
return $tableau_js;
}
private function obtenirUtilisateur() {
$donnees = json_decode(file_get_contents($this->del_url_service_tpl.'utilisateurs/'), true);
$donnees = $donnees['id_utilisateur'];
return $donnees;
}
}
?>