Adds a popover with user info.
Version vom
// ==UserScript==
// @name User Info Popover
// @namespace PXgamer
// @version 0.1
// @description Adds a popover with user info.
// @author PXgamer
// @include *kat.cr/community/show/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
$('body').append(' <div id="userInfoPop" style="display: none; padding: 3px; position: fixed; background: white; border: 1px solid black; border-radius: 4px; top: 60px; left: 5px;">'+
'<table><tr><th>User Details:</th><th style="text-align: right;"><a href="javascript:$(\'#userInfoPop\').hide();"<i class="ka ka16 ka-delete ka-red"></i></th>'+
' <tr>'+
' <td>Username</td>'+
' <td class="unValue InfoPop"></td>'+
' </tr>'+
' <tr>'+
' <td>Reputation</td>'+
' <td class="repuVal InfoPop"></td>'+
' </tr>'+
' <tr>'+
' <td>Rank</td>'+
' <td class="rankValue InfoPop"></td>'+
' </tr>'+
' <tr>'+
' <td>Friends</td>'+
' <td class="friendValue InfoPop"></td>'+
' </tr>'+
' <tr>'+
' <td>Cheevos</td>'+
' <td class="cheevoValue InfoPop"></td>'+
' </tr>'+
'</table>'+
'</div>');
$('.badgeInfo .badgeUsernamejs.font12px').each(function() {
$(this).after(' <span class="ka ka16 ka-faq lower userInfoPopover"></span>');
});
$('.userInfoPopover').on('click', function() {
var username = $(this).parent().find('.badgeUsernamejs .plain[href^="/user/"]').text();
var userInfo = getUserInfo(username);
$('#userInfoPop').css('display', '');
$('.InfoPop.unValue').html('<a href="/user/'+userInfo.username+'/">'+userInfo.username+'</a>');
$('.InfoPop.repuVal').text(userInfo.rep);
$('.InfoPop.rankValue').text(userInfo.rank);
$('.InfoPop.friendValue').text(userInfo.friends);
$('.InfoPop.cheevoValue').text(userInfo.cheevos);
});
function getUserInfo(username) {
var returnedData;
var matches;
var userInfo = {
username: username
};
var userRank = /<div class="lightgrey font12px"><span class="aclColor_.*">([a-z 0-9]+)<\/span>/gi;
var userRep = /<span title="Reputation" class="repValue positive">([0-9]+)<\/span>\n <\/h1>/gi;
var userCheevo = /<h2><a class="ka ka16 ka-eye" title="Toggle Achievements" id="toggleAch"><\/a> User Achievements \(([0-9]+) opened\)/gi;
var userUploads = /<span>uploads <i class="menuValue">([0-9]+)<\/i><\/span>/gi;
var userFriends = /<span>Friends <i class="menuValue">([0-9]+)<\/i><\/span>/gi;
$.ajax({
type: 'GET',
url: '/user/' + username + '/',
async: false,
success: function (data) {
returnedData = data;
while (matches = userRank.exec(returnedData.html)) {
userInfo.rank = matches[1];
}
while (matches = userRep.exec(returnedData.html)) {
userInfo.rep = matches[1];
}
while (matches = userCheevo.exec(returnedData.html)) {
userInfo.cheevos = matches[1];
}
while (matches = userUploads.exec(returnedData.html)) {
userInfo.uploads = matches[1];
}
while (matches = userFriends.exec(returnedData.html)) {
userInfo.friends = matches[1];
}
},
returnData: "json"
});
return userInfo;
}
})();