<script type="text/javascript">
// Xobor-Funktion xRatingAction() durch eigene Routine überschreiben, die für die
// Reaktion die Seite nicht neu lädt
// Achtung: - Ist nur für die Super!-Funktion geschrieben und funktioniert wahrscheinlich
// nicht ohne Anpassung für andere Bewertungsvarianten
// - Benötigt Array ratingText mit den UI-Texten (im Template "Thread - Flat" setzen)
xRatingAction = function( id, action )
{
// Wenn Beitrag oder das zugehörige Rating-Element nicht gefunden werden kann, Rating abbrechen
var posting = $('#p' + $('#' + id + '_cid').text());
var ratingElement = posting.find('div.postratings');
if (0 == posting.length || 0 == ratingElement.length)
{
console.log('Error: Rating for #' + id + ' not available. Element not found.');
return false;
}
// Werte für Rating-Handler ermitteln
var actionData = {
'action': action ? action : 'giveRating',
'r_type': $('#' + id + '_rtype').text(),
'c_type': $('#' + id + '_ctype').text(),
'c_id': $('#' + id + '_cid').text(),
'i_id': $('#' + id + '_iid').text(),
're': 1,
'xor_id': 0 < $('#'+id+'_xor_id').length ? $('#'+id+'_xor_id').text() : 0
};
// Rating per Ajax an Handler absenden und Routinen für Rückmeldungen bereitstellen
$.post(ratingHandler, actionData, null, 'json')
.done(
function( data, textStatus, jqXHR )
{
// Done => Erfolg, Rating konnte gesetzt oder entfernt werden
// Betroffenen Super!-Button finden (wird nur benötigt, wenn das Bild passend zum
// Status "Ich habe/Ich habe nicht geklickt" geändert werden soll)
var ratingButton = ratingElement.find('div.ratingbutton').first();
// Alle User-Namen, die bislang eine Bewertung abgegeben hatten, klonen
// und dann die Texte hinter dem Rating-Button vollständig löschen
var ratings = ratingElement.find('div.xratings > span > span.ratinguser').clone();
ratingElement.find('div.xratings > span').remove();
// Aktion: Das eigene Rating wurde entfernt
if ('clearRating' == action)
{
// Neue Javascript-Aktion und Bild ohne eigenes Rating einsetzen
// Soll das Bild nicht angepasst werden, reicht die folgende Zeile aus:
//
// ratingButton.attr('onclick', 'xRatingAction("' + id + '", "giveRating")');
ratingButton.attr('onclick', 'xRatingAction("' + id + '", "giveRating")').find('img').first().attr('src', '<<<<<Pfad zum Button-Bild ohne eigenes Rating>>>>>');
// Aus den User-Namen den eigenen entfernen
ratings = ratings.not('.u' + ratingText.userId);
}
// Aktion: Das eigene Rating wurde gesetzt
else if ('giveRating' == action)
{
// Eigener Content kann nicht bewertet werden
if (0 == data.success && 'own content' == data.errormsg)
{
alert(ratingText.ownContent);
return false;
}
// Neue Javascript-Aktion und Bild mit gesetztem eigenen Rating einsetzen
// Soll das Bild nicht angepasst werden, reicht die folgende Zeile aus:
//
// ratingButton.attr('onclick', 'xRatingAction("' + id + '", "clearRating")');
ratingButton.attr('onclick', 'xRatingAction("' + id + '", "clearRating")').find('img').first().attr('src', '<<<<<Pfad zum Button-Bild mit gesetztem eigenen Rating>>>>>');
// Den eigenen User-Namen in die Liste der bisherigen Rating-User einfügen
newRating = $('<span class="ratinguser u' + ratingText.userId + '"><a href="' + ratingText.userProfile + '" title="' + ratingText.userName + '">' + ratingText.userName + '</a></span>');
if (0 == ratings.length)
{
ratings = newRating;
}
else
{
ratings.push(newRating);
}
}
// Aktualisierten Text "XXX, YYY und ZZZ finden diesen Beitrag super! Eigene Bewertung entfernen." erstellen und hinter dem Button ausgeben
if (0 < ratings.length)
{
var newText = '<span class="refreshed">';
ratings.each(
function(index, item) {
newText += $('<div>').append(item).html();
if (1 < ratings.length)
{
if (index < ratings.length-2)
{
newText += ratingText.and;
}
else if (index < ratings.length-1)
{
newText += ratingText.lastAnd;
}
}
}
);
newText += 1 == ratings.length ? ratingText.singSuffix : ratingText.plrlSuffix;
newText += 'clearRating' == action ? '' : '<span class="rating_remove" onclick="xRatingAction(\"' + id + '\", \"clearRating\");"><a href="javascript:void();"> ' + ratingText.remove + '</a></span>';
newText += '</span>';
ratingElement.find('div.xratings').append(newText);
}
}
)
.fail(
function( jqXHR, textStatus, errorThrown )
{
// Fail => Fehler, Rating konnte nicht gesetzt oder entfernt werden
console.log('Error: Rating action "' + action + '" for #' + id + 'failed with message "' + errorThrown + '".');
}
);
}
// Achtung: Die folgende Funktion nur dann übernehmen, wenn man die Optik des Super!-Buttons je nach Zustand verändern möchte.
$(function ()
{
// Nach dem Laden der Seite einen Tweak für die Thread-Liste durchführen:
// Wenn man einen Beitrag bewertet hat, erscheint ein veränderter Super!-Button und der Link des Buttons
// wird so verändert, dass erneutes Klicken darauf die eigenen Bewertung wieder entfernt
// Alle Ratings aus der Seite heraussuchen, die einen "Eigene Bewertung entfernen"-Link enthalten,
// die also vom aktuellen User selbst bewertet wurden. Nur diese müssen angepasst werden.
ratingBoxes = $('div.postratings').filter(function(index) { return 1 === $('div.xratings > span > span.rating_remove', this).length; });
if (0 < ratingBoxes.length)
{
ratingBoxes.each(
function(index, item)
{
item = $(item);
// Link zum Entfernen der Bewertung ermitteln
removeLink = item.find('div.xratings > span > span.rating_remove').attr('onclick');
// Entfernen-Link und neues Bild in den Rating-Button einfügen
if ('undefined' != typeof removeLink)
{
item.find('div.xratings > div.ratingbutton').first().attr('onclick', removeLink).find('img').first().attr({ src: '<<<<<Pfad zum Button-Bild mit gesetztem eigenen Rating>>>>>', title: 'Eigene Bewertung entfernen', alt: 'Sie finden diesen Beitrag super!' });
}
}
);
}
}
);
</script>
