Index/polyplus
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: "Hoarded Items" card on collectibles inv tab

Browse source
This commit is contained in:
Index 2024-07-08 19:13:10 -05:00
parent d0839859b5
commit d0a2223e76
1 changed files with 46 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
js/account/inventory.js
View file

@ -6,6 +6,8 @@ Username = window.location.pathname.split('/')[2];
let UserID; let UserID;
let ItemGrid; let ItemGrid;
let _Utilities;
if (window.location.pathname.split('/')[3] === 'inventory') { if (window.location.pathname.split('/')[3] === 'inventory') {
!(async () => { !(async () => {
UserID = (await (await fetch('https://api.polytoria.com/v1/users/find?username=' + Username )).json()).id; UserID = (await (await fetch('https://api.polytoria.com/v1/users/find?username=' + Username )).json()).id;
@ -14,7 +16,10 @@ if (window.location.pathname.split('/')[3] === 'inventory') {
/* /*
Rewritten item wishlist function will take in the data with a parameter instead Rewritten item wishlist function will take in the data with a parameter instead
*/ */
chrome.storage.sync.get(['PolyPlus_Settings'], function(result){ chrome.storage.sync.get(['PolyPlus_Settings'], async function(result){
_Utilities = await import(chrome.runtime.getURL('resources/utils.js'));
_Utilities = _Utilities.default
Settings = result.PolyPlus_Settings Settings = result.PolyPlus_Settings
const Nav = document.getElementsByClassName('nav-pills')[0]; const Nav = document.getElementsByClassName('nav-pills')[0];
@ -67,6 +72,19 @@ if (window.location.pathname.split('/')[3] === 'inventory') {
}); });
CollectibleNav.children[0].classList.add('active'); CollectibleNav.children[0].classList.add('active');
let HoardedCard = document.createElement('li');
HoardedCard.classList.add('nav-item');
HoardedCard.classList.add('text-center');
HoardedCard.innerHTML = `
<h6 class="section-title mt-3 px-2">
Hoarded Items
</h6>
<div class="card bg-dark mt-2">
<div class="card-body" id="p+hoarded_card"></div>
</div>
`;
Nav.appendChild(HoardedCard);
CollectibleCategory() CollectibleCategory()
} }
} }
@ -276,8 +294,14 @@ async function CollectibleCategory() {
} }
} }
const ItemMultiples = []
Collectibles.forEach(item => { Collectibles.forEach(item => {
item = item const Multiple = ItemMultiples.findIndex((x) => x.asset.id === item.asset.id)
if (Multiple !== -1) {
ItemMultiples[Multiple].copies++
ItemMultiples[Multiple].serials.push(item.serial)
} else { ItemMultiples.push({asset: item.asset, copies: 1, serials: [item.serial]}) }
const ItemColumn = document.createElement('div') const ItemColumn = document.createElement('div')
ItemColumn.classList = 'px-0' ItemColumn.classList = 'px-0'
ItemColumn.innerHTML = ` ItemColumn.innerHTML = `
@ -305,4 +329,24 @@ async function CollectibleCategory() {
` `
ItemGrid.appendChild(ItemColumn) ItemGrid.appendChild(ItemColumn)
}) })
const Hoarded = ItemMultiples.filter((x) => x.copies > 1)
const HoardedCard = document.getElementById('p+hoarded_card')
Hoarded.forEach(item => {
const ListElement = document.createElement('div')
ListElement.classList = 'mb-1 mb-2'
ListElement.innerHTML = `
<a href="/store/${item.asset.id}" style="font-size: 0.8rem; color: #454545 !important;">
<b>${item.asset.name}</b>
</a>
<br>
<span>
${item.copies} copies <i class="fa-solid fa-circle-info" data-bs-toggle="tooltip" data-bs-title="#${item.serials.sort((a, b) => a - b).join(', #')}"></i>
</span>
`
HoardedCard.appendChild(ListElement)
})
_Utilities.InjectResource("registerTooltips")
} }