Community requested features for the tabs on your MH profile.
目前为
// ==UserScript==
// @name MH: Profile+
// @author Warden Slayer - Warden Slayer#2302
// @namespace https://greasyfork.org/en/users/227259-wardenslayer
// @version 1.9
// @description Community requested features for the tabs on your MH profile.
// @include https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js
// @include http://www.mousehuntgame.com/*
// @include https://www.mousehuntgame.com/*
// @grant GM_setClipboard
// ==/UserScript==
$(document).ready(function() {
var observerA = new MutationObserver(callback);
var observerB = new MutationObserver(callback);
var observerOptionsA = {
childList: true,
attributes: false,
subtree: false
};
var observerOptionsB = {
childList: true,
attributes: true,
subtree: true
};
if ($('.mousehuntHud-page-tabHeader.kings_crowns').hasClass('active')) {
generate()
observerA.observe($("#tabbarContent_page").get(0), observerOptionsA);
} else if ($('.mousehuntHud-page-tabHeader.items').hasClass('active')) {
generateItems()
observerA.observe($("#tabbarContent_page").get(0), observerOptionsA);
} else if ($('#tabbarContent_page').find('.tabbarContent-tab.active').children().filter('.active').attr('data-template') == 'tab_profile') {
observerB.observe($(".mousehuntHud-page-tabHeader-container").get(0), observerOptionsB);
observerA.observe($("#tabbarContent_page").get(0), observerOptionsA);
} else if ($('#tabbarContent_page').find('.tabbarContent-tab.active').children().filter('.active').attr('data-template') == 'tab_items') {
observerB.observe($(".mousehuntHud-page-tabHeader-container").get(0), observerOptionsB);
observerA.observe($("#tabbarContent_page").get(0), observerOptionsA);
} else if ($("#tabbarContent_page").get(0)) {
observerA.observe($("#tabbarContent_page").get(0), observerOptionsA);
} else {
return false
}
});
function callback(mutationList, observer) {
mutationList.forEach(mutation => {
if (mutation.type == 'childList') {
let $nodes = $(mutation.addedNodes).filter('.active');
if ($nodes.attr('data-template') == 'tab_kings_crowns') {
generate()
} else if ($nodes.attr('data-template') == 'tab_items') {
generateItems()
}
} else if (mutation.type == 'attributes') {
let $nodes = $(mutation.target);
if ($nodes.hasClass('mousehuntHud-page-tabHeader kings_crowns active')) {
if (localStorage.getItem("haltCode") == "Y") {
localStorage.setItem("haltCode", "N");
} else {
setTimeout(generate, 2000);
localStorage.setItem("haltCode", "Y");
}
} else if ($nodes.hasClass('mousehuntHud-page-tabHeader items active')) {
setTimeout(generateItems, 1000);
}
}
})
};
function generate() {
buildToolbar();
decorate();
if (localStorage.getItem("Lock Favorites") == "Y" && $(".mouseCrownsView-group-mouse-favouriteButton").length > 0) {
lockFavorites();
}
if (localStorage.getItem("ShowCommunityRanks") == "Y") {
showCommunityRanks();
}
}
function buildToolbar() {
if ($(".toolBar").length > 0) return;
var toolBar = document.createElement("div");
toolBar.classList.add("toolBar");
// Lock Favs CB
var lockFavs = document.createElement("input");
lockFavs.type = "checkbox";
lockFavs.name = "lockFavs";
lockFavs.value = "";
lockFavs.id = "lockFavs";
if (localStorage.getItem("LockFavs") == "Y") {
lockFavs.checked = "Yes";
} else {
lockFavs.checked = "";
}
var lockFavsLabel = document.createElement("label");
lockFavsLabel.htmlFor = "lockFavsLabel";
lockFavsLabel.appendChild(document.createTextNode("Lock Favorites"));
if ($(".mouseCrownsView-group-mouse-favouriteButton").length > 0) {
toolBar.appendChild(lockFavs);
toolBar.appendChild(lockFavsLabel);
}
// Community Ranks CB
var communityRanks = document.createElement("input");
communityRanks.type = "checkbox";
communityRanks.name = "communityRanks";
communityRanks.value = "";
communityRanks.id = "communityRanks";
communityRanks.checked = "";
if (localStorage.getItem("ShowCommunityRanks") == "Y") {
communityRanks.checked = "Yes";
} else {
communityRanks.checked = "";
}
var communityRanksLabel = document.createElement("label");
communityRanksLabel.htmlFor = "communityRanksLabel";
communityRanksLabel.appendChild(
document.createTextNode("Show Community Ranks ")
);
toolBar.appendChild(communityRanks);
toolBar.appendChild(communityRanksLabel);
//Copy Crown Button
var copyCrownsButton = document.createElement("button");
copyCrownsButton.id = "copyCrownsButton";
copyCrownsButton.addEventListener("click", copyCrowns)
$(copyCrownsButton).attr('title', 'Copy Crowns to Clipboard');
toolBar.appendChild(copyCrownsButton);
$(copyCrownsButton).css({
'background-image': "url('https://image.flaticon.com/icons/svg/1250/1250214.svg')",
'background-repeat': 'no-repeat',
'background-size': 'contain',
'width': '25px',
'height': '25px',
});
// Last
let crownBreak = $('.mouseCrownsView-group.favourite');
crownBreak.append(toolBar);
$(".toolBar").css({
'float': "right",
});
}
/********** Lock Favs **********/
$(document).on("change", "#lockFavs", function() {
if (
window.location.href.includes("profile.php") &&
$(".mousehuntHud-page-tabHeader.kings_crowns").hasClass("active")
) {
// Check to see if the cb was JUST checked
if (this.checked) {
// Put the checked value into storage
localStorage.setItem("LockFavs", "Y");
lockFavs.checked = "Yes";
lockFavorites();
} else {
// Put the checked value into storage
localStorage.setItem("LockFavs", "N");
lockFavs.checked = "";
unlockFavorites();
}
}
});
function lockFavorites() {
localStorage.setItem("Lock Favorites", "Y");
if ($(".mouseCrownsView-group-mouse-favouriteButton").length < 0) {
localStorage.setItem("LockFavs", "N");
lockFavs.checked = "";
return;
}
var allMice = $(".mouseCrownsView-group-mouse").find('.mouseCrownsView-group-mouse-favouriteButton');
allMice.css("pointer-events", "none");
$(".mouseCrownsView-crown.favourite").css(
"background",
"url('https://image.flaticon.com/icons/svg/204/204310.svg') no-repeat left top"
);
}
function unlockFavorites() {
localStorage.setItem("Lock Favorites", "N");
var allMice = $(".mouseCrownsView-group-mouse").find('.mouseCrownsView-group-mouse-favouriteButton');
allMice.css("pointer-events", "auto");
$(".mouseCrownsView-crown.favourite").css({
'background-image': "url('https://www.mousehuntgame.com/images/ui/camp/trap/star_favorite.png')",
'display': 'inline-block',
'vertical-align': 'middle',
'width': '50px',
'height': '50px',
'margin-right': '5px',
'background-repeat': 'no-repeat',
'background-position': '50% 50%',
'background-size': 'contain'
});
}
/********** Community Ranks **********/
$(document).on("change", "#communityRanks", function() {
if (
window.location.href.includes("profile.php") &&
$(".mousehuntHud-page-tabHeader.kings_crowns").hasClass("active")
) {
// Check to see if the cb was JUST checked
if (this.checked) {
// Put the checked value into storage
localStorage.setItem("ShowCommunityRanks", "Y");
communityRanks.checked = "Yes";
showCommunityRanks();
} else {
// Put the checked value into storage
localStorage.setItem("ShowCommunityRanks", "N");
communityRanks.checked = "";
hideCommunityRanks();
}
}
});
function showCommunityRanks() {
var totalMice = 1007;
if ($(".crownheader.crownheadercommunity").length > 0) {
return;
}
var crownBreak = $(".mouseCrownsView-group.favourite");
var communityCrownHeader = $(
"<div class='crownheader crownheadercommunity'>Community Ranks <div class='crownnote'>Crown Summary</div></div>"
);
communityCrownHeader.css({
'background-image': "url('https://image.flaticon.com/icons/svg/478/478941.svg')",
'background-repeat': 'no-repeat',
});
communityCrownHeader.insertAfter(crownBreak);
var allUncrowned = $(".mouseCrownsView-group.none").find(".mouseCrownsView-group-mouse");
var allBronze = $(".mouseCrownsView-group.bronze,.mouseCrownsView-group.silver,.mouseCrownsView-group.gold,.mouseCrownsView-group.platinum,.mouseCrownsView-group.diamond").find(".mouseCrownsView-group-mouse");
var allSilver = $(".mouseCrownsView-group.silver,.mouseCrownsView-group.gold,.mouseCrownsView-group.platinum,.mouseCrownsView-group.diamond").find(".mouseCrownsView-group-mouse");
var allGold = $(".mouseCrownsView-group.gold,.mouseCrownsView-group.platinum,.mouseCrownsView-group.diamond").find(".mouseCrownsView-group-mouse");
var allPlat = $(".mouseCrownsView-group.platinum,.mouseCrownsView-group.diamond").find(".mouseCrownsView-group-mouse");
var allDiamond = $(".mouseCrownsView-group.diamond").find(".mouseCrownsView-group-mouse");
var bronzeCrowns = allBronze.length;
var silverCrowns = allSilver.length;
var goldCrowns = allGold.length;
var platCrowns = allPlat.length;
var diamondCrowns = allDiamond.length;
var uncrowned = totalMice-bronzeCrowns;
var bronzeLink = "https://docs.google.com/spreadsheets/d/19_wHCkwiT5M6LS7XNLt4NYny98fjpg4UlHbgOD05ijw/pub?fbclid=IwAR3a1Ku2xTl1mIDksUr8Lk5ORMEnuv7jnvIy9K6OBeziG6AyvYYlZaIQkHY"
var silverLink = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vQG5g3vp-q7LRYug-yZR3tSwQzAdN7qaYFzhlZYeA32vLtq1mJcq7qhH80planwei99JtLRFAhJuTZn/pubhtml?fbclid=IwAR3sPXNLloGnFk324a0HShroP1E-sNcnQBlRTjJ7gScWTWosqmXv5InB_Ns'
var goldLink = 'https://docs.google.com/spreadsheets/d/10OGD5OYkGIEAbiez7v92qU5Fdul0ZtCRgEjlECkwZJE/pubhtml?gid=478731024&single=true&fbclid=IwAR28w7IQyMp91I62CR3GOILpbeLwgKaydIoQimMNm7j3S0DL8Mj_IsRpGD4'
var rankSummary = $("<div class='rank summary'</div>");
rankSummary.css({
'font-size': '12px',
'margin-bottom': '10px',
});
rankSummary.insertAfter(communityCrownHeader);
var uncrownedText = document.createTextNode("Uncrowned: " + uncrowned + " (" + ((uncrowned / totalMice) * 100).toFixed(2) + "%) | ");
$(rankSummary).attr('title', 'Mobster and Leprechaun excluded from counts');
var bronzeText = document.createTextNode("Bronze: " + bronzeCrowns + " (" + ((bronzeCrowns / totalMice) * 100).toFixed(2) + "%) | ");
var silverText = document.createTextNode("Silver: " + silverCrowns + " (" + ((silverCrowns / totalMice) * 100).toFixed(2) + "%) | ");
var goldText = document.createTextNode("Gold: " + goldCrowns + " (" + ((goldCrowns / totalMice) * 100).toFixed(2) + "%) | ");
var platText = document.createTextNode("Platinum: " + platCrowns + " (" + ((platCrowns / totalMice) * 100).toFixed(2) + "%) | ");
var diamondText = document.createTextNode("Diamond: " + diamondCrowns + " (" + ((diamondCrowns / totalMice) * 100).toFixed(2) + "%)");
var aBronze = document.createElement('a');
aBronze.appendChild(bronzeText);
var bronzeRank = getRankBronze(allBronze.length)
aBronze.title = "90% Crowned Scoreboard: " + bronzeRank;
aBronze.href = bronzeLink;
$(aBronze).attr("target", "_blank");
var aSilver = document.createElement('a');
aSilver.appendChild(silverText);
var silverRank = getRankSilver(allSilver.length)
aSilver.title = "MHCC Scoreboard: " + silverRank;
aSilver.href = silverLink;
$(aSilver).attr("target", "_blank");
var aGold = document.createElement('a');
aGold.appendChild(goldText);
aGold.title = "MHCC Elite Scoreboard";
aGold.href = goldLink;
$(aGold).attr("target", "_blank");
$(rankSummary).append(uncrownedText).append(aBronze).append(aSilver).append(aGold).append(platText).append(diamondText);
}
function getRankBronze(crowns) {
var totalMice = 1007;
var crownPrecent = ((crowns / totalMice) * 100).toFixed(2) + "%";
var rank = "";
if (crowns >= totalMice) {
rank = "Hepatizon";
} else if (crowns >= 997) {
rank = "Electrum";
} else if (crowns >= 987) {
rank = "Palladium";
} else if (crowns >= 957) {
rank = "Cobalt";
} else if (crowns >= 907) {
rank = "Bronze (full)";
} else if (crowns >= 856) {
rank = "Titanium";
} else if (crowns >= 806) {
rank = "Pewter";
} else if (crowns >= 756) {
rank = "Brass";
} else if (crowns >= 705) {
rank = "Copper";
} else if (crowns >= 655) {
rank = "Tin";
} else {
rank = "Rust";
}
return rank;
}
function getRankSilver(crowns) {
var totalMice = 1007;
var crownPrecent = ((crowns / totalMice) * 100).toFixed(2) + "%";
var rank = "";
if (crowns >= 906) {
rank = "Super Secret Squirrel";
} else if (crowns >= 856) {
rank = "Grizzled Squirrel";
} else if (crowns >= 806) {
rank = "Flying Squirrel";
} else if (crowns >= 755) {
rank = "Chinchilla";
} else if (crowns >= 705) {
rank = "Meerkat";
} else if (crowns >= 655) {
rank = "Ferret";
} else if (crowns >= 604) {
rank = "Prairie Dog";
} else if (crowns >= 554) {
rank = "Marmot";
} else if (crowns >= 504) {
rank = "Woodchuck";
} else if (crowns >= 453) {
rank = "Wombat";
} else if (crowns >= 403) {
rank = "Pine Marten";
} else if (crowns >= 352) {
rank = "Chipmunk";
} else if (crowns >= 302) {
rank = "Bandicoot";
} else {
rank = "Weasel";
}
return rank;
}
function hideCommunityRanks() {
if ($(".crownheader.crownheadercommunity").length > 0) {
$(".crownheader.crownheadercommunity").remove();
$(".rank.summary").remove();
}
}
function copyCrowns() {
var allMice = $(".mouseCrownsView-group.none,.mouseCrownsView-group.bronze,.mouseCrownsView-group.silver,.mouseCrownsView-group.gold,.mouseCrownsView-group.platinum,.mouseCrownsView-group.diamond").find(".mouseCrownsView-group-mouse");
var miceArray = [];
allMice.each(function(i) {
let $mouse = correctMouseName($(this).find('.mouseCrownsView-group-mouse-name').text());
let $count = parseInt($(this).find('.mouseCrownsView-group-mouse-catches').text().replace(',',""),10);
miceArray[i] = [$mouse,$count];
})
let finalTable = miceArray.map(e => e.join(",")).join("\n");
GM_setClipboard(finalTable);
var copyCrownsButton = $("#copyCrownsButton")
copyCrownsButton.css({
'border-style': 'solid',
'border-color': 'grey',
'border-width': '1px',
});
setTimeout(function() {
copyCrownsButton.css({
'border-style': 'none',
});
}, 1000);
}
function correctMouseName(mouseName) {
let newMouseName = "";
if (mouseName == "Ful'Mina, The Mountain Queen") {
newMouseName = "Ful'mina the Mountain Queen"
} else if (mouseName == "Inferna, The Engulfed") {
newMouseName = "Inferna the Engulfed"
} else if (mouseName == "Nachous, The Molten") {
newMouseName = "Nachous the Molten"
} else if (mouseName == "Stormsurge, the Vile Tempest") {
newMouseName = "Stormsurge the Vile Tempest"
} else if (mouseName == "Bruticus, the Blazing") {
newMouseName = "Bruticus the Blazing"
} else if (mouseName == "Vincent, The Magnificent") {
newMouseName = "Vincent The Magnificent"
} else if (mouseName == "Corky, the Collector") {
newMouseName = "Corky the Collector"
} else {
newMouseName = mouseName
}
return newMouseName;
}
function decorate() {
let uncrowned = $('.mouseCrownsView-group.none').find('.mouseCrownsView-crown.none');
$(uncrowned).css({
'background-image': "url('https://image.flaticon.com/icons/png/512/1604/1604467.png')",
'background-repeat': 'no-repeat',
'background-size': 'contain'
});
let favorites = $('.mouseCrownsView-group-mouse.highlight.favourite')
$(favorites).each(function(i) {
let image = $(this).find('.mouseCrownsView-group-mouse-image');
let crown = $(this).find('.mouseCrownsView-crown');
let top = "";
let bottom = "";
if ($(crown).hasClass('bronze')) {
//bronze
top = '#f0c693';
bottom = '#8d4823';
} else if ($(crown).hasClass('silver')) {
//silver
top = '#d1d7e9';
bottom = '#66718b';
} else if ($(crown).hasClass('gold')) {
//gold
top = '#ffe589';
bottom = '#b67800';
} else if ($(crown).hasClass('platinum')) {
//plat
top = '#9191ff';
bottom = '#1d1781';
} else if ($(crown).hasClass('diamond')) {
//diamond
top = '#c4eae6';
bottom = '#63b9cf';
} else {
//no crown
top = '#ab9f92';
bottom = '#251B0A';
}
//Style all the favs
$(image).css({
'border-style': 'solid',
'border-width': '3px',
'border-radius': '4px',
'border-top-color': top,
'border-left-color': top,
'border-bottom-color': bottom,
'border-right-color': bottom,
})
//Stlye all the rest
let diamond = $('.mouseCrownsView-group.diamond').find(".mouseCrownsView-group-mouse-image");
if (diamond.get(0)) {
$(diamond).css({
'border-style': 'solid',
'border-width': '3px',
'border-radius': '4px',
'border-top-color': '#c4eae6',
'border-left-color': '#c4eae6',
'border-bottom-color': '#63b9cf',
'border-right-color': '#63b9cf',
})
}
let platinum = $('.mouseCrownsView-group.platinum').find(".mouseCrownsView-group-mouse-image");
if (platinum.get(0)) {
$(platinum).css({
'border-style': 'solid',
'border-width': '3px',
'border-radius': '4px',
'border-top-color': '#9191ff',
'border-left-color': '#9191ff',
'border-bottom-color': '#1d1781',
'border-right-color': '#1d1781',
})
}
let gold = $('.mouseCrownsView-group.gold').find(".mouseCrownsView-group-mouse-image");
if (gold.get(0)) {
$(gold).css({
'border-style': 'solid',
'border-width': '3px',
'border-radius': '4px',
'border-top-color': '#ffe589',
'border-left-color': '#ffe589',
'border-bottom-color': '#b67800',
'border-right-color': '#b67800',
})
}
let silver = $('.mouseCrownsView-group.silver').find(".mouseCrownsView-group-mouse-image");
if (silver.get(0)) {
$(silver).css({
'border-style': 'solid',
'border-width': '3px',
'border-radius': '4px',
'border-top-color': '#d1d7e9',
'border-left-color': '#d1d7e9',
'border-bottom-color': '#66718b',
'border-right-color': '#66718b',
})
}
let bronze = $('.mouseCrownsView-group.bronze').find(".mouseCrownsView-group-mouse-image");
if (bronze.get(0)) {
$(bronze).css({
'border-style': 'solid',
'border-width': '3px',
'border-radius': '4px',
'border-top-color': '#f0c693',
'border-left-color': '#f0c693',
'border-bottom-color': '#8d4823',
'border-right-color': '#8d4823',
})
}
let none = $('.mouseCrownsView-group.none').find(".mouseCrownsView-group-mouse-image");
if (none.get(0)) {
$(none).css({
'border-style': 'solid',
'border-width': '3px',
'border-radius': '4px',
'border-top-color': '#ab9f92',
'border-left-color': '#ab9f92',
'border-bottom-color': '#251B0A',
'border-right-color': '#251B0A',
})
}
})
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//ITEMS TAB
//
//
//
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function generateItems() {
if ($('.hunterProfileItemsView-filter.collected').hasClass('active')) {
manageCollected();
}
}
function manageCollected() {
//Build group headers
if ($(".unownedWeaponHeader").length == 0) {
let collectedContainer = $('.hunterProfileItemsView-categoryContent.active').filter("[data-category='weapon']");
let firstItem = collectedContainer[0];
let ownedWeaponHeader = document.createElement("div");
ownedWeaponHeader.classList.add("ownedWeaponHeader");
$(ownedWeaponHeader).text('Collected and Owned');
$(ownedWeaponHeader).css({
'font-size': '14px',
'font-weight': 'bold',
'width': '100%',
'height': '15px',
'padding': '3px',
})
//
let ownedWeapons = document.createElement("div");
ownedWeapons.classList.add("ownedWeapons");
$(ownedWeapons).css({
'width': '100%',
'padding': '3px',
})
//last
$(ownedWeaponHeader).insertAfter(firstItem);
$(ownedWeapons).insertAfter(ownedWeaponHeader);
//
let unownedWeaponHeader = document.createElement("div");
unownedWeaponHeader.classList.add("unownedWeaponHeader");
$(unownedWeaponHeader).text('Collected but Unowned');
unownedWeaponHeader.title = 'Limited Edition Hidden';
$(unownedWeaponHeader).css({
'font-size': '14px',
'font-weight': 'bold',
'width': '100%',
'height': '15px',
'padding': '3px',
})
let unownedWeapons = document.createElement("div");
unownedWeapons.classList.add("unownedWeapons");
$(unownedWeapons).css({
'width': '100%',
'padding': '3px',
})
//last
$(unownedWeaponHeader).insertAfter(firstItem);
$(unownedWeapons).insertAfter(unownedWeaponHeader);
//
let uncollectedWeaponHeader = document.createElement("div");
uncollectedWeaponHeader.classList.add("uncollectedWeaponHeader");
$(uncollectedWeaponHeader).text('Uncollected');
uncollectedWeaponHeader.title = 'Limited Edition Hidden';
$(uncollectedWeaponHeader).css({
'font-size': '14px',
'font-weight': 'bold',
'width': '100%',
'height': '15px',
'padding': '3px',
})
let uncollectedWeapons = document.createElement("div");
uncollectedWeapons.classList.add("uncollectedWeapons");
$(uncollectedWeapons).css({
'width': '100%',
'padding': '3px',
})
//last
$(uncollectedWeaponHeader).insertAfter(firstItem);
$(uncollectedWeapons).insertAfter(uncollectedWeaponHeader);
sortItems('weapons')
}
//
if ($(".unownedBaseHeader").length == 0) {
let collectedContainer = $('.hunterProfileItemsView-categoryContent.active').filter("[data-category='base']");
let firstItem = collectedContainer[0];
let ownedBaseHeader = document.createElement("div");
ownedBaseHeader.classList.add("ownedBaseHeader");
$(ownedBaseHeader).text('Collected and Owned');
$(ownedBaseHeader).css({
'font-size': '14px',
'font-weight': 'bold',
'width': '100%',
'height': '15px',
'padding': '3px',
})
let ownedBases = document.createElement("div");
ownedBases.classList.add("ownedBases");
$(ownedBases).css({
'width': '100%',
'padding': '3px',
})
//last
$(ownedBaseHeader).insertAfter(firstItem);
$(ownedBases).insertAfter(ownedBaseHeader);
//
let unownedBaseHeader = document.createElement("div");
unownedBaseHeader.classList.add("unownedBaseHeader");
$(unownedBaseHeader).text('Collected but Unowned');
unownedBaseHeader.title = 'Limited Edition Hidden';
$(unownedBaseHeader).css({
'font-size': '14px',
'font-weight': 'bold',
'width': '100%',
'height': '15px',
'padding': '3px',
})
let unownedBases = document.createElement("div");
unownedBases.classList.add("unownedBases");
$(unownedBases).css({
'width': '100%',
'padding': '3px',
})
//last
$(unownedBaseHeader).insertAfter(firstItem);
$(unownedBases).insertAfter(unownedBaseHeader);
//
let uncollectedBaseHeader = document.createElement("div");
uncollectedBaseHeader.classList.add("uncollectedBaseHeader");
$(uncollectedBaseHeader).text('Uncollected');
uncollectedBaseHeader.title = 'Limited Edition Hidden';
$(uncollectedBaseHeader).css({
'font-size': '14px',
'font-weight': 'bold',
'width': '100%',
'height': '15px',
'padding': '3px',
})
let uncollectedBases = document.createElement("div");
uncollectedBases.classList.add("uncollectedBases");
$(uncollectedBases).css({
'width': '100%',
'padding': '3px',
})
//last
$(uncollectedBaseHeader).insertAfter(firstItem);
$(uncollectedBases).insertAfter(uncollectedBaseHeader);
}
//
if ($(".unownedCollectHeader").length == 0) {
let collectedContainer = $('.hunterProfileItemsView-categoryContent.active').filter("[data-category='collectible']");
let firstItem = collectedContainer[0];
let ownedCollectHeader = document.createElement("div");
ownedCollectHeader.classList.add("ownedCollectHeader");
$(ownedCollectHeader).text('Collected and Owned');
$(ownedCollectHeader).css({
'font-size': '14px',
'font-weight': 'bold',
'width': '100%',
'height': '15px',
'padding': '3px',
})
let ownedCollects = document.createElement("div");
ownedCollects.classList.add("ownedCollects");
$(ownedCollects).css({
'width': '100%',
'padding': '3px',
})
//last
$(ownedCollectHeader).insertAfter(firstItem);
$(ownedCollects).insertAfter(ownedCollectHeader);
//
let unownedCollectHeader = document.createElement("div");
unownedCollectHeader.classList.add("unownedCollectHeader");
$(unownedCollectHeader).text('Collected but Unowned');
unownedCollectHeader.title = 'Limited Edition Hidden';
$(unownedCollectHeader).css({
'font-size': '14px',
'font-weight': 'bold',
'width': '100%',
'height': '15px',
'padding': '3px',
})
let unownedCollects = document.createElement("div");
unownedCollects.classList.add("unownedCollects");
$(unownedCollects).css({
'width': '100%',
'padding': '3px',
})
//last
$(unownedCollectHeader).insertAfter(firstItem);
$(unownedCollects).insertAfter(unownedCollectHeader);
//
let uncollectedCollectHeader = document.createElement("div");
uncollectedCollectHeader.classList.add("uncollectedCollectHeader");
$(uncollectedCollectHeader).text('Uncollected');
uncollectedCollectHeader.title = 'Limited Edition Hidden';
$(uncollectedCollectHeader).css({
'font-size': '14px',
'font-weight': 'bold',
'width': '100%',
'height': '15px',
'padding': '3px',
})
let uncollectedCollects = document.createElement("div");
uncollectedCollects.classList.add("uncollectedCollects");
$(uncollectedCollects).css({
'width': '100%',
'padding': '3px',
})
//last
$(uncollectedCollectHeader).insertAfter(firstItem);
$(uncollectedCollects).insertAfter(uncollectedCollectHeader);
}
//
if ($(".unownedSkinHeader").length == 0) {
let collectedContainer = $('.hunterProfileItemsView-categoryContent.active').filter("[data-category='skin']");
let firstItem = collectedContainer[0];
let ownedSkinHeader = document.createElement("div");
ownedSkinHeader.classList.add("ownedSkinHeader");
$(ownedSkinHeader).text('Collected and Owned');
$(ownedSkinHeader).css({
'font-size': '14px',
'font-weight': 'bold',
'width': '100%',
'height': '15px',
'padding': '3px',
})
let ownedSkins = document.createElement("div");
ownedSkins.classList.add("ownedSkins");
$(ownedSkins).css({
'width': '100%',
'padding': '3px',
})
//last
$(ownedSkinHeader).insertAfter(firstItem);
$(ownedSkins).insertAfter(ownedSkinHeader);
//
let unownedSkinHeader = document.createElement("div");
unownedSkinHeader.classList.add("unownedSkinHeader");
$(unownedSkinHeader).text('Collected but Unowned');
unownedSkinHeader.title = 'Limited Edition Hidden';
$(unownedSkinHeader).css({
'font-size': '14px',
'font-weight': 'bold',
'width': '100%',
'height': '15px',
'padding': '3px',
})
let unownedSkins = document.createElement("div");
unownedSkins.classList.add("unownedSkins");
$(unownedSkins).css({
'width': '100%',
'padding': '3px',
})
//last
$(unownedSkinHeader).insertAfter(firstItem);
$(unownedSkins).insertAfter(unownedSkinHeader);
//
let uncollectedSkinHeader = document.createElement("div");
uncollectedSkinHeader.classList.add("uncollectedSkinHeader");
$(uncollectedSkinHeader).text('Uncollected');
uncollectedSkinHeader.title = 'Limited Edition Hidden';
$(uncollectedSkinHeader).css({
'font-size': '14px',
'font-weight': 'bold',
'width': '100%',
'height': '15px',
'padding': '3px',
})
let uncollectedSkins = document.createElement("div");
uncollectedSkins.classList.add("uncollectedSkins");
$(uncollectedSkins).css({
'width': '100%',
'padding': '3px',
})
//last
$(uncollectedSkinHeader).insertAfter(firstItem);
$(uncollectedSkins).insertAfter(uncollectedSkinHeader);
}
}
function sortItems(itemType) {
let allTypes = $('.hunterProfileItemsView-categoryContent.active');
let allCollected = $(allTypes).find('.hunterProfileItemsView-categoryContent-item.collected');
let allUncollected = $(allTypes).find('.hunterProfileItemsView-categoryContent-item.uncollected');
let activeTab = $('.hunterProfileItemsView-filter').filter('.active');
//Weapons
let uncollectedWeaponHeader = $('.uncollectedWeaponHeader');
let uncollectedWeapons = $('.uncollectedWeapons');
let unownedWeaponHeader = $('.unownedWeaponHeader');
let unownedWeapons = $('.unownedWeapons');
let ownedWeaponHeader = $('.ownedWeaponHeader');
let ownedWeapons = $('.ownedWeapons');
//Bases
let uncollectedBaseHeader = $('.uncollectedBaseHeader');
let uncollectedBases = $('.uncollectedBases');
let unownedBaseHeader = $('.unownedBaseHeader');
let unownedBases = $('.unownedBases');
let ownedBaseHeader = $('.ownedBaseHeader');
let ownedBases = $('.ownedBases');
//Collectibles
let uncollectedCollectHeader = $('.uncollectedCollectHeader');
let uncollectedCollects = $('.uncollectedCollects');
let unownedCollectHeader = $('.unownedCollectHeader');
let unownedCollects = $('.unownedCollects');
let ownedCollectHeader = $('.ownedCollectHeader');
let ownedCollects = $('.ownedCollects')
//Skins
let uncollectedSkinHeader = $('.uncollectedSkinHeader');
let uncollectedSkins = $('.uncollectedSkins');
let unownedSkinHeader = $('.unownedSkinHeader');
let unownedSkins = $('.unownedSkins');
let ownedSkinHeader = $('.ownedSkinHeader');
let ownedSkins = $('.ownedSkins');
//
if (itemType == 'weapons') {
$(allCollected).each(function(i) {
let qtyOwned = parseInt($(this).find('.quantity').text().replace(',',""),10);
if (qtyOwned == 0) {
if ($(this).hasClass('limited_edition')) {
$(this).detach();
$(unownedWeapons).append(this);
$(this).hide();
} else {
$(this).detach();
$(unownedWeapons).append(this);
}
} else {
$(this).detach();
$(ownedWeapons).append(this);
}
})
$(allUncollected).each(function(i) {
$(this).detach();
$(uncollectedWeapons).append(this);
$(uncollectedWeapons).children().css({
'width': '20%',
'padding': '3px',
'display': 'inline-block',
})
})
//
if ($(activeTab).hasClass('collected')) {
$(uncollectedWeaponHeader).hide();
$(uncollectedWeapons).hide();
$(unownedWeapons).find('.limited_edition').hide()
} else if ($(activeTab).hasClass('uncollected')) {
$(uncollectedWeaponHeader).show();
$(uncollectedWeapons).show();
$(unownedWeapons).find('.limited_edition').hide()
} else if ($(activeTab).hasClass('limited_edition')) {
$(uncollectedWeaponHeader).hide();
$(uncollectedWeapons).hide();
} else if ($(activeTab).hasClass('all')) {
$(uncollectedWeaponHeader).show();
$(uncollectedWeapons).show();
}
//hide empty sections
if ($(uncollectedWeapons).children().not('.hidden').length < 1) {
$(uncollectedWeaponHeader).hide();
}
if ($(unownedWeapons).children().not('.hidden').length < 1) {
$(unownedWeaponHeader).hide();
}
if ($(ownedWeapons).children().not('.hidden').length < 1) {
$(ownedWeaponHeader).hide();
}
} else if (itemType == 'bases') {
$(allCollected).each(function(i) {
let qtyOwned = parseInt($(this).find('.quantity').text().replace(',',""),10);
if (qtyOwned == 0) {
if ($(this).hasClass('limited_edition')) {
$(this).detach();
$(unownedBases).append(this);
$(this).hide();
} else {
$(this).detach();
$(unownedBases).append(this);
}
} else {
$(this).detach();
$(ownedBases).append(this);
}
})
$(allUncollected).each(function(i) {
$(this).detach();
$(uncollectedBases).append(this);
$(uncollectedBases).children().css({
'width': '20%',
'padding': '3px',
'display': 'inline-block',
})
})
//
if ($(activeTab).hasClass('collected')) {
$(uncollectedBaseHeader).hide();
$(uncollectedBases).hide();
$(unownedBases).find('.limited_edition').hide()
} else if ($(activeTab).hasClass('uncollected')) {
$(uncollectedBaseHeader).show();
$(uncollectedBases).show();
$(unownedBases).find('.limited_edition').hide()
} else if ($(activeTab).hasClass('limited_edition')) {
$(uncollectedBaseHeader).hide();
$(uncollectedBases).hide();
} else if ($(activeTab).hasClass('all')) {
$(uncollectedBaseHeader).show();
$(uncollectedBases).show();
}
//hide empty sections
if ($(uncollectedBases).children().not('.hidden').length < 1) {
$(uncollectedBaseHeader).hide();
}
if ($(unownedBases).children().not('.hidden').length < 1) {
$(unownedBaseHeader).hide();
}
if ($(ownedBases).children().not('.hidden').length < 1) {
$(ownedBaseHeader).hide();
}
} else if (itemType == 'collectibles') {
$(allCollected).each(function(i) {
let qtyOwned = parseInt($(this).find('.quantity').text().replace(',',""),10);
if (qtyOwned == 0) {
if ($(this).hasClass('limited_edition')) {
$(this).detach();
$(unownedCollects).append(this);
$(this).hide();
} else {
$(this).detach();
$(unownedCollects).append(this);
}
} else {
$(this).detach();
$(ownedCollects).append(this);
}
})
$(allUncollected).each(function(i) {
$(this).detach();
$(uncollectedCollects).append(this);
$(uncollectedCollects).children().css({
'width': '20%',
'padding': '3px',
'display': 'inline-block',
})
})
//
if ($(activeTab).hasClass('collected')) {
$(uncollectedCollectHeader).hide();
$(uncollectedCollects).hide();
$(unownedCollects).find('.limited_edition').hide()
} else if ($(activeTab).hasClass('uncollected')) {
$(uncollectedCollectHeader).show();
$(uncollectedCollects).show();
$(unownedCollects).find('.limited_edition').hide()
} else if ($(activeTab).hasClass('limited_edition')) {
$(uncollectedCollectHeader).hide();
$(uncollectedCollects).hide();
} else if ($(activeTab).hasClass('all')) {
$(uncollectedCollectHeader).show();
$(uncollectedCollects).show();
}
//hide empty sections
if ($(uncollectedCollects).children().not('.hidden').length < 1) {
$(uncollectedCollectHeader).hide();
}
if ($(unownedCollects).children().not('.hidden').length < 1) {
$(unownedCollectHeader).hide();
}
if ($(ownedCollects).children().not('.hidden').length < 1) {
$(ownedCollectHeader).hide();
}
} else if (itemType == 'skins') {
$(allCollected).each(function(i) {
let qtyOwned = parseInt($(this).find('.quantity').text().replace(',',""),10);
if (qtyOwned == 0) {
if ($(this).hasClass('limited_edition')) {
$(this).detach();
$(unownedSkins).append(this);
$(this).hide();
} else {
$(this).detach();
$(unownedSkins).append(this);
}
} else {
$(this).detach();
$(ownedSkins).append(this);
}
})
$(allUncollected).each(function(i) {
$(this).detach();
$(uncollectedSkins).append(this);
$(uncollectedSkins).children().css({
'width': '20%',
'padding': '3px',
'display': 'inline-block',
})
})
//
if ($(activeTab).hasClass('collected')) {
$(uncollectedSkinHeader).hide();
$(uncollectedSkins).hide();
$(unownedSkins).find('.limited_edition').hide()
} else if ($(activeTab).hasClass('uncollected')) {
$(uncollectedSkinHeader).show();
$(uncollectedSkins).show();
$(unownedSkins).find('.limited_edition').hide()
} else if ($(activeTab).hasClass('limited_edition')) {
$(uncollectedSkinHeader).hide();
$(uncollectedSkins).hide();
} else if ($(activeTab).hasClass('all')) {
$(uncollectedSkinHeader).show();
$(uncollectedSkins).show();
}
//hide empty sections
if ($(uncollectedSkins).children().not('.hidden').length < 1) {
$(uncollectedSkinHeader).hide();
}
if ($(unownedSkins).children().not('.hidden').length < 1) {
$(unownedSkinHeader).hide();
}
if ($(ownedSkins).children().not('.hidden').length < 1) {
$(ownedSkinHeader).hide();
}
}
}
//Weapons Tab
$(document).on('click', "[data-category='weapon']", function() {
manageCollected()
$('.unownedWeaponHeader,.unownedWeapons,.ownedWeaponHeader,.ownedWeapons,.uncollectedWeaponHeader,.uncollectedWeapons').show();
$('.unownedBaseHeader,.unownedBases,.ownedBaseHeader,.ownedBases,.uncollectedBaseHeader,.uncollectedBases').hide();
$('.unownedCollectHeader,.unownedCollects,.ownedCollectHeader,.ownedCollects,.uncollectedCollectHeader,.uncollectedCollects').hide();
$('.unownedSkinHeader,.unownedSkins,.ownedSkinHeader,.ownedSkins,.uncollectedSkinHeader,.uncollectedSkins').hide();
sortItems('weapons')
});
//Bases Tab
$(document).on('click', "[data-category='base']", function() {
manageCollected()
$('.unownedWeaponHeader,.unownedWeapons,.ownedWeaponHeader,.ownedWeapons,.uncollectedWeaponHeader,.uncollectedWeapons').hide();
$('.unownedBaseHeader,.unownedBases,.ownedBaseHeader,.ownedBases,.uncollectedBaseHeader,.uncollectedBases').show();
$('.unownedCollectHeader,.unownedCollects,.ownedCollectHeader,.ownedCollects,.uncollectedCollectHeader,.uncollectedCollects').hide();
$('.unownedSkinHeader,.unownedSkins,.ownedSkinHeader,.ownedSkins,.uncollectedSkinHeader,.uncollectedSkins').hide();
sortItems('bases')
});
//Maps Tab
$(document).on('click', "[data-category='map_piece']", function() {
$('.unownedWeaponHeader,.unownedWeapons,.ownedWeaponHeader,.ownedWeapons,.uncollectedWeaponHeader,.uncollectedWeapons').hide();
$('.unownedBaseHeader,.unownedBases,.ownedBaseHeader,.ownedBases,.uncollectedBaseHeader,.uncollectedBases').hide();
$('.unownedCollectHeader,.unownedCollects,.ownedCollectHeader,.ownedCollects,.uncollectedCollectHeader,.uncollectedCollects').hide();
$('.unownedSkinHeader,.unownedSkins,.ownedSkinHeader,.ownedSkins,.uncollectedSkinHeader,.uncollectedSkins').hide();
});
//Collectible Tab
$(document).on('click', "[data-category='collectible']", function() {
manageCollected()
$('.unownedWeaponHeader,.unownedWeapons,.ownedWeaponHeader,.ownedWeapons,.uncollectedWeaponHeader,.uncollectedWeapons').hide();
$('.unownedBaseHeader,.unownedBases,.ownedBaseHeader,.ownedBases,.uncollectedBaseHeader,.uncollectedBases').hide();
$('.unownedCollectHeader,.unownedCollects,.ownedCollectHeader,.ownedCollects,.uncollectedCollectHeader,.uncollectedCollects').show();
$('.unownedSkinHeader,.unownedSkins,.ownedSkinHeader,.ownedSkins,.uncollectedSkinHeader,.uncollectedSkins').hide();
sortItems('collectibles')
});
//Skin Tab
$(document).on('click', "[data-category='skin']", function() {
manageCollected()
$('.unownedWeaponHeader,.unownedWeapons,.ownedWeaponHeader,.ownedWeapons,.uncollectedWeaponHeader,.uncollectedWeapons').hide();
$('.unownedBaseHeader,.unownedBases,.ownedBaseHeader,.ownedBases,.uncollectedBaseHeader,.uncollectedBases').hide();
$('.unownedCollectHeader,.unownedCollects,.ownedCollectHeader,.ownedCollects,.uncollectedCollectHeader,.uncollectedCollects').hide();
$('.unownedSkinHeader,.unownedSkins,.ownedSkinHeader,.ownedSkins,.uncollectedSkinHeader,.uncollectedSkins').show();
sortItems('skins')
});
//Collected tab
$(document).on('click', ".hunterProfileItemsView-filter.collected", function() {
$('.unownedWeaponHeader,.unownedWeapons,.ownedWeaponHeader,.ownedWeapons,.uncollectedWeaponHeader,.uncollectedWeapons').hide();
$('.unownedBaseHeader,.unownedBases,.ownedBaseHeader,.ownedBases,.uncollectedBaseHeader,.uncollectedBases').hide();
$('.unownedCollectHeader,.unownedCollects,.ownedCollectHeader,.ownedCollects,.uncollectedCollectHeader,.uncollectedCollects').hide();
$('.unownedSkinHeader,.unownedSkins,.ownedSkinHeader,.ownedSkins,.uncollectedSkinHeader,.uncollectedSkins').hide();
let activeContainer = $('.hunterProfileItemsView-categoryContent.active').attr('data-category');
if (activeContainer == 'weapon') {
$('.unownedWeaponHeader,.unownedWeapons,.ownedWeaponHeader,.ownedWeapons').show();
$('.uncollectedWeaponHeader,.uncollectedWeapons').hide();
$('.unownedWeapons').find('.limited_edition').hide();
sortItems('weapons')
} else if (activeContainer == 'base') {
$('.unownedBaseHeader,.unownedBases,.ownedBaseHeader,.ownedBases').show();
$('.uncollectedBaseHeader,.uncollectedBases').hide();
$('.unownedBases').find('.limited_edition').hide();
sortItems('bases')
} else if (activeContainer == 'map_piece') {
} else if (activeContainer == 'collectible') {
$('.unownedCollectHeader,.unownedCollects,.ownedCollectHeader,.ownedCollects').show();
$('.uncollectedCollectHeader,.uncollectedCollects').hide();
$('.unownedCollects').find('.limited_edition').hide();
sortItems('collectibles')
} else {
$('.unownedSkinHeader,.unownedSkins,.ownedSkinHeader,.ownedSkins').show();
$('.uncollectedCollectHeader,.uncollectedCollects').hide();
$('.unownedSkins').find('.limited_edition').hide();
sortItems('skins')
}
});
//Uncollected tab
$(document).on('click', ".hunterProfileItemsView-filter.uncollected", function() {
$('.unownedWeaponHeader,.unownedWeapons,.ownedWeaponHeader,.ownedWeapons,.uncollectedWeaponHeader,.uncollectedWeapons').hide();
$('.unownedBaseHeader,.unownedBases,.ownedBaseHeader,.ownedBases,.uncollectedBaseHeader,.uncollectedBases').hide();
$('.unownedCollectHeader,.unownedCollects,.ownedCollectHeader,.ownedCollects,.uncollectedCollectHeader,.uncollectedCollects').hide();
$('.unownedSkinHeader,.unownedSkins,.ownedSkinHeader,.ownedSkins,.uncollectedSkinHeader,.uncollectedSkins').hide();
let activeContainer = $('.hunterProfileItemsView-categoryContent.active').attr('data-category');
if (activeContainer == 'weapon') {
$('.uncollectedWeaponHeader,.uncollectedWeapons').show();
sortItems('weapons')
} else if (activeContainer == 'base') {
$('.uncollectedBaseHeader,.uncollectedBases').show();
sortItems('bases')
} else if (activeContainer == 'map_piece') {
} else if (activeContainer == 'collectible') {
$('.uncollectedCollectHeader,.uncollectedCollects').show();
sortItems('collectibles')
} else {
$('.uncollectedSkinHeader,.uncollectedSkins').show();
sortItems('skins')
}
});
//Limited Edition Tab
$(document).on('click', ".hunterProfileItemsView-filter.limited_edition", function() {
$('.unownedWeaponHeader,.unownedWeapons,.ownedWeaponHeader,.ownedWeapons,.uncollectedWeaponHeader,.uncollectedWeapons').hide();
$('.unownedBaseHeader,.unownedBases,.ownedBaseHeader,.ownedBases,.uncollectedBaseHeader,.uncollectedBases').hide();
$('.unownedCollectHeader,.unownedCollects,.ownedCollectHeader,.ownedCollects,.uncollectedCollectHeader,.uncollectedCollects').hide();
$('.unownedSkinHeader,.unownedSkins,.ownedSkinHeader,.ownedSkins,.uncollectedSkinHeader,.uncollectedSkins').hide();
let activeContainer = $('.hunterProfileItemsView-categoryContent.active').attr('data-category');
if (activeContainer == 'weapon') {
$('.unownedWeaponHeader,.unownedWeapons,.ownedWeaponHeader,.ownedWeapons').show();
$('.unownedWeapons').find('.limited_edition').show();
$('.uncollectedWeaponHeader,.uncollectedWeapons').hide();
sortItems('weapons')
} else if (activeContainer == 'base') {
$('.unownedBaseHeader,.unownedBases,.ownedBaseHeader,.ownedBases').show();
$('.unownedBases').find('.limited_edition').show();
$('.uncollectedBaseHeader,.uncollectedBases').hide();
sortItems('bases')
} else if (activeContainer == 'map_piece') {
} else if (activeContainer == 'collectible') {
$('.unownedCollectHeader,.unownedCollects,.ownedCollectHeader,.ownedCollects').show();
$('.unownedCollects').find('.limited_edition').show();
$('.uncollectedCollectHeader,.uncollectedCollects').hide();
sortItems('collectibles')
} else {
$('.unownedSkinHeader,.unownedSkins,.ownedSkinHeader,.ownedSkins').show();
$('.unownedSkins').find('.limited_edition').show();
$('.uncollectedSkinHeader,.uncollectedSkins').hide();
sortItems('skins')
}
});
//All Tab
$(document).on('click', ".hunterProfileItemsView-filter.all", function() {
$('.unownedWeaponHeader,.unownedWeapons,.ownedWeaponHeader,.ownedWeapons,.uncollectedWeaponHeader,.uncollectedWeapons').hide();
$('.unownedBaseHeader,.unownedBases,.ownedBaseHeader,.ownedBases,.uncollectedBaseHeader,.uncollectedBases').hide();
$('.unownedCollectHeader,.unownedCollects,.ownedCollectHeader,.ownedCollects,.uncollectedCollectHeader,.uncollectedCollects').hide();
$('.unownedSkinHeader,.unownedSkins,.ownedSkinHeader,.ownedSkins,.uncollectedSkinHeader,.uncollectedSkins').hide();
let activeContainer = $('.hunterProfileItemsView-categoryContent.active').attr('data-category');
if (activeContainer == 'weapon') {
$('.unownedWeaponHeader,.unownedWeapons,.ownedWeaponHeader,.ownedWeapons').show();
$('.unownedWeapons').find('.limited_edition').show();
$('.uncollectedWeaponHeader,.uncollectedWeapons').show();
sortItems('weapons')
} else if (activeContainer == 'base') {
$('.unownedBaseHeader,.unownedBases,.ownedBaseHeader,.ownedBases').show();
$('.unownedBases').find('.limited_edition').show();
$('.uncollectedBaseHeader,.uncollectedBases').show();
sortItems('bases')
} else if (activeContainer == 'map_piece') {
} else if (activeContainer == 'collectible') {
$('.unownedCollectHeader,.unownedCollects,.ownedCollectHeader,.ownedCollects').show();
$('.unownedCollects').find('.limited_edition').show();
$('.uncollectedCollectHeader,.uncollectedCollects').show();
sortItems('collectibles')
} else {
$('.unownedSkinHeader,.unownedSkins,.ownedSkinHeader,.ownedSkins').show();
$('.unownedSkins').find('.limited_edition').show();
$('.uncollectedSkinHeader,.uncollectedSkins').show();
sortItems('skins')
}
});