Subversion Repositories eFlore/Applications.del

Compare Revisions

Ignore whitespace Rev 985 → Rev 986

/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/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">