mirror of
https://github.com/YunoHost-Apps/piwigo_ynh.git
synced 2024-09-03 20:06:03 +02:00
97 lines
No EOL
3.2 KiB
JavaScript
97 lines
No EOL
3.2 KiB
JavaScript
var gRatingOptions, gRatingButtons, gUserRating;
|
|
|
|
function makeNiceRatingForm(options)
|
|
{
|
|
gRatingOptions = options;
|
|
var form = document.getElementById('rateForm');
|
|
if (!form) return; //? template changed
|
|
|
|
gRatingButtons = form.getElementsByTagName('input');
|
|
gUserRating = "";
|
|
for (var i=0; i<gRatingButtons.length; i++)
|
|
{
|
|
if ( gRatingButtons[i].type=="button" )
|
|
{
|
|
gUserRating = gRatingButtons[i].value;
|
|
break;
|
|
}
|
|
}
|
|
|
|
for (var i=0; i<gRatingButtons.length; i++)
|
|
{
|
|
var rateButton = gRatingButtons[i];
|
|
rateButton.initialRateValue = rateButton.value; // save it as a property
|
|
try { rateButton.type = "button"; } catch (e){}// avoid normal submit (use ajax); not working in IE6
|
|
|
|
rateButton.value = " "; //hide the text (Apple + IE would show text above the stars)
|
|
with (rateButton.style)
|
|
{
|
|
marginLeft = marginRight = 0;
|
|
}
|
|
|
|
if (i!=gRatingButtons.length-1 && rateButton.nextSibling.nodeType == 3 /*TEXT_NODE*/)
|
|
rateButton.parentNode.removeChild(rateButton.nextSibling);
|
|
if (i>0 && rateButton.previousSibling.nodeType == 3 /*TEXT_NODE*/)
|
|
rateButton.parentNode.removeChild(rateButton.previousSibling);
|
|
|
|
pwgAddEventListener(rateButton, "click", updateRating);
|
|
pwgAddEventListener(rateButton, "mouseout", function() {updateRatingStarDisplay( gUserRating );});
|
|
pwgAddEventListener(rateButton, "mouseover", function(e) {
|
|
updateRatingStarDisplay( e.target ? e.target.initialRateValue : e.srcElement.initialRateValue);
|
|
});
|
|
}
|
|
updateRatingStarDisplay( gUserRating );
|
|
}
|
|
|
|
function updateRatingStarDisplay(userRating)
|
|
{
|
|
for (var i=0; i<gRatingButtons.length; i++)
|
|
gRatingButtons[i].className = (userRating!=="" && userRating>=gRatingButtons[i].initialRateValue ) ? "rateButtonStarFull" : "rateButtonStarEmpty";
|
|
}
|
|
|
|
function updateRating(e)
|
|
{
|
|
var rateButton = e.target || e.srcElement;
|
|
if (rateButton.initialRateValue == gUserRating)
|
|
return false; //nothing to do
|
|
|
|
for (var i=0; i<gRatingButtons.length; i++) gRatingButtons[i].disabled=true;
|
|
var y = new PwgWS(gRatingOptions.rootUrl);
|
|
y.callService(
|
|
"pwg.images.rate", {image_id: gRatingOptions.image_id, rate: rateButton.initialRateValue } ,
|
|
{
|
|
method: "POST",
|
|
onFailure: function(num, text) {
|
|
alert(num + " " + text);
|
|
document.location = rateButton.form.action + "&rate="+rateButton.initialRateValue;
|
|
},
|
|
onSuccess: function(result) {
|
|
gUserRating = rateButton.initialRateValue;
|
|
for (var i=0; i<gRatingButtons.length; i++) gRatingButtons[i].disabled=false;
|
|
if (gRatingOptions.onSuccess) gRatingOptions.onSuccess(result);
|
|
if (gRatingOptions.updateRateElement) gRatingOptions.updateRateElement.innerHTML = gRatingOptions.updateRateText;
|
|
if (gRatingOptions.ratingSummaryElement)
|
|
{
|
|
var t = gRatingOptions.ratingSummaryText;
|
|
var args =[result.score, result.count, result.average], idx = 0, rexp = new RegExp( /%\.?\d*[sdf]/ );
|
|
while (idx<args.length) t=t.replace(rexp, args[idx++]);
|
|
gRatingOptions.ratingSummaryElement.innerHTML = t;
|
|
}
|
|
}
|
|
}
|
|
);
|
|
return false;
|
|
}
|
|
|
|
(function() {
|
|
if (typeof _pwgRatingAutoQueue!="undefined" && _pwgRatingAutoQueue.length)
|
|
{
|
|
for (var i=0; i<_pwgRatingAutoQueue.length; i++)
|
|
makeNiceRatingForm(_pwgRatingAutoQueue[i]);
|
|
}
|
|
_pwgRatingAutoQueue = {
|
|
push: function(opts) {
|
|
makeNiceRatingForm(opts);
|
|
}
|
|
}
|
|
})(); |