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

Revert "chore: format code with Prettier"

Browse source 
This reverts commit cc39111694.
This commit is contained in:
StarManTheGamer 2024-05-27 17:16:58 -05:00
parent cc39111694
commit ff6c26cb0a
37 changed files with 6019 additions and 21815 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
README.md
View file

@ -41,11 +41,9 @@ And there is more to come!
# Supported Browsers # Supported Browsers
As of right now, Poly+ only works on Chromium-based browsers. Currently, there are no plans to bring it to other browsers in the future. As of right now, Poly+ only works on Chromium-based browsers. Currently, there are no plans to bring it to other browsers in the future.
> TL;DR Chromium-based browsers > TL;DR Chromium-based browsers
## Examples of Browsers that are Chromium-based ## Examples of Browsers that are Chromium-based
- Google Chrome - Google Chrome
- Chromium - Chromium
- Edge - Edge
@ -58,12 +56,12 @@ As of right now, Poly+ only works on Chromium-based browsers. Currently, there a
## How to Download - Stable Build? ## How to Download - Stable Build?
1. Go to the releases section of this GitHub repository 1. Go to the releases section of this GitHub repository
2. Go to the latest release and download the .ZIP file for that release 3. Go to the latest release and download the .ZIP file for that release
3. Extract the .ZIP 4. Extract the .ZIP
4. Enable developer mode on your browser (developer mode allows you to load unpacked extensions) 5. Enable developer mode on your browser (developer mode allows you to load unpacked extensions)
5. Click the "Load Unpacked" button 6. Click the "Load Unpacked" button
6. When the file selector comes up, open the unzipped folder from this GitHub repository 7. When the file selector comes up, open the unzipped folder from this GitHub repository
7. Go to Polytoria and you should see some changes! 8. Go to Polytoria and you should see some changes!
## How to Download - Pre-Release Build? ## How to Download - Pre-Release Build?
@ -75,6 +73,6 @@ As of right now, Poly+ only works on Chromium-based browsers. Currently, there a
4. Extract the .ZIP 4. Extract the .ZIP
5. Enable developer mode on your browser (developer mode allows you to load unpacked extensions) 5. Enable developer mode on your browser (developer mode allows you to load unpacked extensions)
6. Go to your browsers extensions page (usually `browserName://extensions`) 6. Go to your browsers extensions page (usually `browserName://extensions`)
7. Click the "Load Unpacked" button 8. Click the "Load Unpacked" button
8. When the file selector comes up, open the unzipped folder of this repository's source code 9. When the file selector comes up, open the unzipped folder of this repository's source code
9. Go to Polytoria and you should see some changes! 10. Go to Polytoria and you should see some changes!

15656
css/polytoria.css
View file

File diff suppressed because one or more lines are too long

25
css/specific.css
View file

@ -2,15 +2,15 @@
FRONTEND FIXES / SPACING IMPROVEMENTS FRONTEND FIXES / SPACING IMPROVEMENTS
*/ */
body[data-URL^='/my/friends'] .col-lg-3 { body[data-URL^="/my/friends"] .col-lg-3 {
margin-bottom: 20px; margin-bottom: 20px;
} }
body[data-URL^='/create/'] .mt-2.mt-lg-0.col-lg.d-flex.align-content-between.flex-wrap { body[data-URL^="/create/"] .mt-2.mt-lg-0.col-lg.d-flex.align-content-between.flex-wrap {
width: 50%; width: 50%;
} }
body[data-URL^='/create/'] .col.d-flex.align-content-between.flex-wrap { body[data-URL^="/create/"] .col.d-flex.align-content-between.flex-wrap {
width: 50%; width: 50%;
} }
@ -26,19 +26,11 @@ body[data-URL^='/create/'] .col.d-flex.align-content-between.flex-wrap {
INLINE EDITING INLINE EDITING
*/ */
body[data-polyplus-inlineEditing='true'] .polyplus-inlineEditing-visible { body[data-polyplus-inlineEditing="true"] .polyplus-inlineEditing-visible {display: block !important;}
display: block !important; .polyplus-inlineEditing-visible {display: none;}
}
.polyplus-inlineEditing-visible {
display: none;
}
body[data-polyplus-inlineEditing='true'] .polyplus-inlineEditing-hidden { body[data-polyplus-inlineEditing="true"] .polyplus-inlineEditing-hidden {display: none !important;}
display: none !important; .polyplus-inlineEditing-hidden {display: block;}
}
.polyplus-inlineEditing-hidden {
display: block;
}
/* ------------------------------------------ */ /* ------------------------------------------ */
@ -46,8 +38,7 @@ body[data-polyplus-inlineEditing='true'] .polyplus-inlineEditing-hidden {
MODALS MODALS
*/ */
html:has(.polyplus-modal[open]), html:has(.polyplus-modal[open]), body:has(.polyplus-modal[open]) {
body:has(.polyplus-modal[open]) {
overflow: hidden; overflow: hidden;
} }

361
js/account/avatar-sandbox.js
View file

@ -1,24 +1,24 @@
let PageContainer = document.querySelector('.container.p-0.p-lg-5'); let PageContainer = document.querySelector('.container.p-0.p-lg-5')
let ItemGrid; let ItemGrid;
let Wearing; let Wearing;
let Tabs; let Tabs;
let IFrame; let IFrame;
let TabSelected = 'hat'; let TabSelected = 'hat'
let Search; let Search;
let Page = 1; let Page = 1
let Avatar = { let Avatar = {
useCharacter: true, "useCharacter": true,
items: [], "items": [],
shirt: null, "shirt": null,
pants: null, "pants": null,
tool: {ID: -1, URL: null}, "tool": {ID: -1, URL: null},
headColor: '#e0e0e0', "headColor": "#e0e0e0",
torsoColor: '#e0e0e0', "torsoColor": "#e0e0e0",
leftArmColor: '#e0e0e0', "leftArmColor": "#e0e0e0",
rightArmColor: '#e0e0e0', "rightArmColor": "#e0e0e0",
leftLegColor: '#e0e0e0', "leftLegColor": "#e0e0e0",
rightLegColor: '#e0e0e0' "rightLegColor": "#e0e0e0"
}; }
let ItemCardContents = ` let ItemCardContents = `
<div style="max-width: 150px;"> <div style="max-width: 150px;">
<div class="card mb-2 avatar-item-container"> <div class="card mb-2 avatar-item-container">
@ -37,95 +37,94 @@ let ItemCardContents = `
by <a href="/users/:CreatorID" class="text-reset">:CreatorName</a> by <a href="/users/:CreatorID" class="text-reset">:CreatorName</a>
</small> </small>
</div> </div>
`; `
if (new URLSearchParams(new URL(window.location).search).get('sandbox') === 'true') { if (new URLSearchParams(new URL(window.location).search).get('sandbox') === 'true') {
console.log('Avatar Sandbox!'); console.log('Avatar Sandbox!')
LoadFile(chrome.runtime.getURL('resources/avatar-sandbox.html'), function (html) { LoadFile(chrome.runtime.getURL('resources/avatar-sandbox.html'), function(html){
PageContainer.innerHTML = html; PageContainer.innerHTML = html
ItemGrid = document.getElementById('inventory'); ItemGrid = document.getElementById('inventory')
Wearing = document.getElementById('wearing'); Wearing = document.getElementById('wearing')
Tabs = document.getElementById('tabs'); Tabs = document.getElementById('tabs')
IFrame = document.getElementById('viewFrame'); IFrame = document.getElementById('viewFrame')
Search = document.getElementById('item-search'); Search = document.getElementById('item-search')
Search.addEventListener('change', function () { Search.addEventListener('change', function(){
RefreshItems(); RefreshItems()
}); });
UpdateAvatar(); UpdateAvatar()
RefreshItems(); RefreshItems()
Array.from(Tabs.children).forEach((element) => { Array.from(Tabs.children).forEach(element => {
element.addEventListener('click', function () { element.addEventListener('click', function(){
let Link = element.getElementsByTagName('a')[0]; let Link = element.getElementsByTagName('a')[0]
if (!Link.classList.contains('active')) { if (!(Link.classList.contains('active'))) {
Link.classList.add('active'); Link.classList.add('active')
Tabs.querySelector(`[data-tab="${TabSelected}"]`).classList.remove('active'); Tabs.querySelector(`[data-tab="${TabSelected}"]`).classList.remove('active')
TabSelected = Link.getAttribute('data-tab'); TabSelected = Link.getAttribute('data-tab')
Page = 1; Page = 1
RefreshItems(); RefreshItems()
} }
}); });
}); });
let Clear = document.getElementById('clear'); let Clear = document.getElementById('clear')
Clear.addEventListener('click', function () { Clear.addEventListener('click', function(){
Avatar = { Avatar = {
useCharacter: true, "useCharacter": true,
items: [], "items": [],
shirt: {ID: -1, URL: null}, "shirt": {ID: -1, URL: null},
pants: {ID: -1, URL: null}, "pants": {ID: -1, URL: null},
tool: {ID: -1, URL: null}, "tool": {ID: -1, URL: null},
headColor: '#e0e0e0', "headColor": "#e0e0e0",
torsoColor: '#e0e0e0', "torsoColor": "#e0e0e0",
leftArmColor: '#e0e0e0', "leftArmColor": "#e0e0e0",
rightArmColor: '#e0e0e0', "rightArmColor": "#e0e0e0",
leftLegColor: '#e0e0e0', "leftLegColor": "#e0e0e0",
rightLegColor: '#e0e0e0' "rightLegColor": "#e0e0e0"
}; }
UpdateAvatar(); UpdateAvatar()
}); });
let JSONUpload = document.getElementById('jsonUpload'); let JSONUpload = document.getElementById('jsonUpload')
JSONUpload.addEventListener('change', function () { JSONUpload.addEventListener('change', function(){
let Reader = new FileReader(); let Reader = new FileReader()
Reader.addEventListener('loadend', function () { Reader.addEventListener('loadend', function(){
Avatar = JSON.parse(Reader.result); Avatar = JSON.parse(Reader.result)
UpdateAvatar(); UpdateAvatar()
JSONUpload.value = ''; JSONUpload.value = ""
}); });
Reader.readAsText(JSONUpload.files[0]); Reader.readAsText(JSONUpload.files[0])
}); });
let JSONSave = document.getElementById('jsonSave'); let JSONSave = document.getElementById('jsonSave')
JSONSave.addEventListener('click', function () { JSONSave.addEventListener('click', function(){
FormatAvatar().then((FormattedAvatar) => { FormatAvatar().then(FormattedAvatar => {
let Download = document.createElement('a'); let Download = document.createElement('a')
Download.href = URL.createObjectURL( Download.href = URL.createObjectURL(new Blob([JSON.stringify(FormattedAvatar)], {
new Blob([JSON.stringify(FormattedAvatar)], { type: "application/json"
type: 'application/json' }));
}) Download.setAttribute('download', 'AvatarSandbox.json')
); document.body.appendChild(Download)
Download.setAttribute('download', 'AvatarSandbox.json'); Download.click()
document.body.appendChild(Download); document.body.removeChild(Download)
Download.click();
document.body.removeChild(Download);
}); });
}); });
let OpenInNewTab = document.getElementById('openNewTab'); let OpenInNewTab = document.getElementById('openNewTab')
OpenInNewTab.addEventListener('click', function () { OpenInNewTab.addEventListener('click', function(){
UpdateAvatar(); UpdateAvatar()
}); });
}); });
} }
function UpdateAvatar() { function UpdateAvatar() {
GenerateHash().then((hash) => { GenerateHash()
.then(hash => {
IFrame.addEventListener('load', function () { IFrame.addEventListener('load', function () {
IFrame.src = 'https://polytoria.com/ptstatic/itemview/#' + hash; IFrame.src = 'https://polytoria.com/ptstatic/itemview/#' + hash;
}); });
@ -135,161 +134,151 @@ function UpdateAvatar() {
function LoadFile(path, callback) { function LoadFile(path, callback) {
var xhr = new XMLHttpRequest(); var xhr = new XMLHttpRequest();
xhr.onload = function () { xhr.onload = function () { return callback(this.responseText); }
return callback(this.responseText); xhr.open("GET", path, true);
};
xhr.open('GET', path, true);
xhr.send(); xhr.send();
} }
async function GenerateHash() { async function GenerateHash() {
let FormattedAvatar = await FormatAvatar(); let FormattedAvatar = await FormatAvatar()
for (let i = 0; i < FormattedAvatar.items.length; i++) { for (let i = 0; i < FormattedAvatar.items.length; i++) {
FormattedAvatar.items[i] = FormattedAvatar.items[i].URL; FormattedAvatar.items[i] = FormattedAvatar.items[i].URL
} }
if (FormattedAvatar.shirt) { if (FormattedAvatar.shirt) {
FormattedAvatar.shirt = FormattedAvatar.shirt.URL; FormattedAvatar.shirt = FormattedAvatar.shirt.URL
} }
if (FormattedAvatar.pants) { if (FormattedAvatar.pants) {
FormattedAvatar.pants = FormattedAvatar.pants.URL; FormattedAvatar.pants = FormattedAvatar.pants.URL
} }
FormattedAvatar.face = FormattedAvatar.face.URL; FormattedAvatar.face = FormattedAvatar.face.URL
if (FormattedAvatar.tool) { if (FormattedAvatar.tool) {
FormattedAvatar.tool = FormattedAvatar.tool.URL; FormattedAvatar.tool = FormattedAvatar.tool.URL
} }
console.log('Formatted Avatar: ', FormattedAvatar); console.log('Formatted Avatar: ', FormattedAvatar)
console.log('Real Avatar: ', Avatar); console.log('Real Avatar: ', Avatar)
return btoa(encodeURIComponent(JSON.stringify(FormattedAvatar))); return btoa(encodeURIComponent(JSON.stringify(FormattedAvatar)))
} }
async function FormatAvatar() { async function FormatAvatar() {
let LocalAvatar = structuredClone(Avatar); let LocalAvatar = structuredClone(Avatar)
if (!LocalAvatar.face) { if (!LocalAvatar.face) {
LocalAvatar.face = {ID: -1, URL: 'https://c0.ptacdn.com/static/3dview/DefaultFace.png'}; LocalAvatar.face = {ID: -1, URL: "https://c0.ptacdn.com/static/3dview/DefaultFace.png"}
} }
for (let i = 0; i < LocalAvatar.items.length; i++) { for (let i = 0; i < LocalAvatar.items.length; i++) {
if (LocalAvatar.items[i].URL === null) { if (LocalAvatar.items[i].URL === null) {
await fetch('https://api.polytoria.com/v1/assets/serve-mesh/:id'.replace(':id', LocalAvatar.items[i].ID)) await fetch("https://api.polytoria.com/v1/assets/serve-mesh/:id".replace(':id', LocalAvatar.items[i].ID))
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network response was not ok'); throw new Error('Network response was not ok');
} }
return response.json(); return response.json();
}) })
.then((data) => { .then(data => {
Avatar.items[i].URL = data.url; Avatar.items[i].URL = data.url
LocalAvatar.items[i].URL = data.url; LocalAvatar.items[i].URL = data.url
}) })
.catch((error) => { .catch(error => {
console.error('Fetch error:', error); console.error('Fetch error:', error);
}); });
} }
} }
if (LocalAvatar.tool && LocalAvatar.tool.ID !== -1 && LocalAvatar.tool.URL === null) { if (LocalAvatar.tool && LocalAvatar.tool.ID !== -1 && LocalAvatar.tool.URL === null) {
await fetch('https://api.polytoria.com/v1/assets/serve-mesh/:id'.replace(':id', LocalAvatar.tool.ID)) await fetch("https://api.polytoria.com/v1/assets/serve-mesh/:id".replace(':id', LocalAvatar.tool.ID))
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network response was not ok'); throw new Error('Network response was not ok');
} }
return response.json(); return response.json();
}) })
.then((data) => { .then(data => {
Avatar.tool.URL = data.url; Avatar.tool.URL = data.url
LocalAvatar.tool.URL = data.url; LocalAvatar.tool.URL = data.url
}) })
.catch((error) => { .catch(error => {
console.error('Fetch error:', error); console.error('Fetch error:', error);
}); });
} }
if (LocalAvatar.face.ID !== -1 && LocalAvatar.face.URL === null) { if (LocalAvatar.face.ID !== -1 && LocalAvatar.face.URL === null) {
await fetch('https://api.polytoria.com/v1/assets/serve/:id/Asset'.replace(':id', LocalAvatar.face.ID)) await fetch("https://api.polytoria.com/v1/assets/serve/:id/Asset".replace(':id', LocalAvatar.face.ID))
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network response was not ok'); throw new Error('Network response was not ok');
} }
return response.json(); return response.json();
}) })
.then((data) => { .then(data => {
Avatar.face.URL = data.url; Avatar.face.URL = data.url
LocalAvatar.face.URL = data.url; LocalAvatar.face.URL = data.url
}) })
.catch((error) => { .catch(error => {
console.error('Fetch error:', error); console.error('Fetch error:', error);
}); });
} }
if (LocalAvatar.shirt && LocalAvatar.shirt.ID !== -1 && LocalAvatar.shirt.URL === null) { if (LocalAvatar.shirt && LocalAvatar.shirt.ID !== -1 && LocalAvatar.shirt.URL === null) {
await fetch('https://api.polytoria.com/v1/assets/serve/:id/Asset'.replace(':id', LocalAvatar.shirt.ID)) await fetch("https://api.polytoria.com/v1/assets/serve/:id/Asset".replace(':id', LocalAvatar.shirt.ID))
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network response was not ok'); throw new Error('Network response was not ok');
} }
return response.json(); return response.json();
}) })
.then((data) => { .then(data => {
Avatar.shirt.URL = data.url; Avatar.shirt.URL = data.url
LocalAvatar.shirt.URL = data.url; LocalAvatar.shirt.URL = data.url
}) })
.catch((error) => { .catch(error => {
console.error('Fetch error:', error); console.error('Fetch error:', error);
}); });
} }
if (LocalAvatar.pants && LocalAvatar.pants.ID !== -1 && LocalAvatar.pants.URL === null) { if (LocalAvatar.pants && LocalAvatar.pants.ID !== -1 && LocalAvatar.pants.URL === null) {
await fetch('https://api.polytoria.com/v1/assets/serve/:id/Asset'.replace(':id', LocalAvatar.pants.ID)) await fetch("https://api.polytoria.com/v1/assets/serve/:id/Asset".replace(':id', LocalAvatar.pants.ID))
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network response was not ok'); throw new Error('Network response was not ok');
} }
return response.json(); return response.json();
}) })
.then((data) => { .then(data => {
Avatar.pants.URL = data.url; Avatar.pants.URL = data.url
LocalAvatar.pants.URL = data.url; LocalAvatar.pants.URL = data.url
}) })
.catch((error) => { .catch(error => {
console.error('Fetch error:', error); console.error('Fetch error:', error);
}); });
} }
return LocalAvatar; return LocalAvatar
} }
function RefreshItems() { function RefreshItems() {
fetch(`https://api.polytoria.com/v1/store?search=${Search.value}&types%5B%5D=${TabSelected}&sort=createdAt&order=desc&page=${Page}&limit=12`) fetch(`https://api.polytoria.com/v1/store?search=${Search.value}&types%5B%5D=${TabSelected}&sort=createdAt&order=desc&page=${Page}&limit=12`)
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network response was not ok'); throw new Error('Network response was not ok');
} }
return response.json(); return response.json();
}) })
.then((data) => { .then(data => {
Array.from(ItemGrid.children).forEach((element) => { Array.from(ItemGrid.children).forEach(element => {element.remove()});
element.remove(); data = data.assets
}); data.forEach(item => {
data = data.assets; let NewItemCard = document.createElement('div')
data.forEach((item) => { NewItemCard.classList = 'col-auto'
let NewItemCard = document.createElement('div'); NewItemCard.innerHTML = ItemCardContents.replace(':ItemName', item.name).replace().replace(':ItemID', item.id).replace(':ItemType', item.type.replace(item.type.charAt(0), item.type.charAt(0).toUpperCase())).replace(':CreatorName', item.creator.name).replace(':CreatorID', item.creator.id).replace(':ItemThumbnail', item.thumbnail)
NewItemCard.classList = 'col-auto'; NewItemCard.getElementsByClassName('p-2')[0].addEventListener('click', function(){
NewItemCard.innerHTML = ItemCardContents.replace(':ItemName', item.name) WearAsset(NewItemCard, item.name, {Name: item.creator.name, ID: item.creator.id}, item.id, item.type, item.thumbnail)
.replace()
.replace(':ItemID', item.id)
.replace(':ItemType', item.type.replace(item.type.charAt(0), item.type.charAt(0).toUpperCase()))
.replace(':CreatorName', item.creator.name)
.replace(':CreatorID', item.creator.id)
.replace(':ItemThumbnail', item.thumbnail);
NewItemCard.getElementsByClassName('p-2')[0].addEventListener('click', function () {
WearAsset(NewItemCard, item.name, {Name: item.creator.name, ID: item.creator.id}, item.id, item.type, item.thumbnail);
}); });
ItemGrid.appendChild(NewItemCard); ItemGrid.appendChild(NewItemCard)
}); });
}) })
.catch((error) => { .catch(error => {
console.error('Fetch error:', error); console.error('Fetch error:', error);
}); });
} }
@ -297,93 +286,87 @@ function RefreshItems() {
function WearAsset(element, name, creator, id, type, thumbnail) { function WearAsset(element, name, creator, id, type, thumbnail) {
switch (type) { switch (type) {
case 'hat': case 'hat':
let Index = CheckItemID(Avatar.items, id); let Index = CheckItemID(Avatar.items, id)
if (Index === -1) { if (Index === -1) {
if (Avatar.items.length !== 3) { if (Avatar.items.length !== 3) {
Avatar.items.push({Name: name, Creator: creator, ID: id, URL: null, Thumbnail: thumbnail}); Avatar.items.push({Name: name, Creator: creator, ID: id, URL: null, Thumbnail: thumbnail})
Wearing.prepend(ItemGrid.querySelector(`.col-auto:has(a[href="/store/${id}"])`)); Wearing.prepend(ItemGrid.querySelector(`.col-auto:has(a[href="/store/${id}"])`))
} else { } else {
Avatar.items.splice(0, 1); Avatar.items.splice(0, 1)
Avatar.items.push({Name: name, Creator: creator, ID: id, URL: null, Thumbnail: thumbnail}); Avatar.items.push({Name: name, Creator: creator, ID: id, URL: null, Thumbnail: thumbnail})
if (TabSelected === type) { if (TabSelected === type) {
console.log('tab is', TabSelected, type); console.log('tab is', TabSelected, type)
ItemGrid.prepend(Wearing.querySelector(`.col-auto:has(a[href="/store/${id}"])`)); ItemGrid.prepend(Wearing.querySelector(`.col-auto:has(a[href="/store/${id}"])`))
} }
} }
} else { } else {
console.log('remove'); console.log('remove')
Avatar.items.splice(Index, 1); Avatar.items.splice(Index, 1)
if (TabSelected === type) { if (TabSelected === type) {
console.log('tab is', TabSelected, type); console.log('tab is', TabSelected, type)
ItemGrid.prepend(Wearing.querySelector(`.col-auto:has(a[href="/store/${id}"])`)); ItemGrid.prepend(Wearing.querySelector(`.col-auto:has(a[href="/store/${id}"])`))
} }
} }
break; break
case 'face': case 'face':
if (Avatar.face && Avatar.face.ID !== id) { if (Avatar.face && Avatar.face.ID !== id) {
Avatar.face = {Name: name, Creator: creator, ID: id, URL: null, Thumbnail: thumbnail}; Avatar.face = {Name: name, Creator: creator, ID: id, URL: null, Thumbnail: thumbnail}
Wearing.prepend(ItemGrid.querySelector(`.col-auto:has(a[href="/store/${id}"])`)); Wearing.prepend(ItemGrid.querySelector(`.col-auto:has(a[href="/store/${id}"])`))
} else { } else {
Avatar.face = { Avatar.face = {Name: "Default Face", Creator: {Name: "Polytoria", ID: 1}, ID: -1, URL: "https://c0.ptacdn.com/static/3dview/DefaultFace.png", Thumbnail: "https://c0.ptacdn.com/static/3dview/DefaultFace.png"}
Name: 'Default Face',
Creator: {Name: 'Polytoria', ID: 1},
ID: -1,
URL: 'https://c0.ptacdn.com/static/3dview/DefaultFace.png',
Thumbnail: 'https://c0.ptacdn.com/static/3dview/DefaultFace.png'
};
if (TabSelected === type) { if (TabSelected === type) {
console.log('tab is', TabSelected, type); console.log('tab is', TabSelected, type)
ItemGrid.prepend(Wearing.querySelector(`.col-auto:has(a[href="/store/${id}"])`)); ItemGrid.prepend(Wearing.querySelector(`.col-auto:has(a[href="/store/${id}"])`))
} }
} }
break; break
case 'tool': case 'tool':
if (Avatar.tool && Avatar.tool.ID !== id) { if (Avatar.tool && Avatar.tool.ID !== id) {
Avatar.tool = {Name: name, Creator: creator, ID: id, URL: null, Thumbnail: thumbnail}; Avatar.tool = {Name: name, Creator: creator, ID: id, URL: null, Thumbnail: thumbnail}
Wearing.prepend(ItemGrid.querySelector(`.col-auto:has(a[href="/store/${id}"])`)); Wearing.prepend(ItemGrid.querySelector(`.col-auto:has(a[href="/store/${id}"])`))
} else { } else {
Avatar.tool = null; Avatar.tool = null
if (TabSelected === type) { if (TabSelected === type) {
console.log('tab is', TabSelected, type); console.log('tab is', TabSelected, type)
ItemGrid.prepend(Wearing.querySelector(`.col-auto:has(a[href="/store/${id}"])`)); ItemGrid.prepend(Wearing.querySelector(`.col-auto:has(a[href="/store/${id}"])`))
} }
} }
break; break
case 'shirt': case 'shirt':
if (Avatar.shirt.ID !== id) { if (Avatar.shirt.ID !== id) {
Avatar.shirt = {Name: name, Creator: creator, ID: id, URL: null, Thumbnail: thumbnail}; Avatar.shirt = {Name: name, Creator: creator, ID: id, URL: null, Thumbnail: thumbnail}
Wearing.prepend(ItemGrid.querySelector(`.col-auto:has(a[href="/store/${id}"])`)); Wearing.prepend(ItemGrid.querySelector(`.col-auto:has(a[href="/store/${id}"])`))
} else { } else {
Avatar.shirt = null; Avatar.shirt = null
if (TabSelected === type) { if (TabSelected === type) {
console.log('tab is', TabSelected, type); console.log('tab is', TabSelected, type)
ItemGrid.prepend(Wearing.querySelector(`.col-auto:has(a[href="/store/${id}"])`)); ItemGrid.prepend(Wearing.querySelector(`.col-auto:has(a[href="/store/${id}"])`))
} }
} }
break; break
case 'pants': case 'pants':
if (Avatar.pants.ID !== id) { if (Avatar.pants.ID !== id) {
Avatar.pants = {Name: name, Creator: creator, ID: id, URL: null, Thumbnail: thumbnail}; Avatar.pants = {Name: name, Creator: creator, ID: id, URL: null, Thumbnail: thumbnail}
Wearing.prepend(ItemGrid.querySelector(`.col-auto:has(a[href="/store/${id}"])`)); Wearing.prepend(ItemGrid.querySelector(`.col-auto:has(a[href="/store/${id}"])`))
} else { } else {
Avatar.pants = null; Avatar.pants = null
if (TabSelected === type) { if (TabSelected === type) {
console.log('tab is', TabSelected, type); console.log('tab is', TabSelected, type)
ItemGrid.prepend(Wearing.querySelector(`.col-auto:has(a[href="/store/${id}"])`)); ItemGrid.prepend(Wearing.querySelector(`.col-auto:has(a[href="/store/${id}"])`))
} }
} }
break; break
} }
UpdateAvatar(); UpdateAvatar()
} }
function CheckItemID(object, id) { function CheckItemID(object, id) {
for (let i = 0; i < object.length; i++) { for (let i = 0; i < object.length; i++) {
if (object[i] === id || object[i].ID === id) { if (object[i] === id || object[i].ID === id) {
console.log('Index: ' + i); console.log('Index: ' + i)
return i; return i
} }
} }
return -1; return -1
} }

565
js/account/avatar-sandbox2.js
View file

@ -1,196 +1,199 @@
const UserID = JSON.parse(window.localStorage.getItem('p+account_info')).ID; const UserID = JSON.parse(window.localStorage.getItem('p+account_info')).ID
const BodyColors = [ const BodyColors = [
'#f8f8f8', "#f8f8f8",
'#cdcdcd', "#cdcdcd",
'#111111', "#111111",
'#ff0000', "#ff0000",
'#a34b4b', "#a34b4b",
'#ffc9c9', "#ffc9c9",
'#957977', "#957977",
'#c4281c', "#c4281c",
'#da867a', "#da867a",
'#694028', "#694028",
'#cc8e69', "#cc8e69",
'#a05f35', "#a05f35",
'#7c5c46', "#7c5c46",
'#eab892', "#eab892",
'#da8541', "#da8541",
'#aa5500', "#aa5500",
'#ffcc99', "#ffcc99",
'#e29b40', "#e29b40",
'#ffaf00', "#ffaf00",
'#ffb000', "#ffb000",
'#d7c59a', "#d7c59a",
'#f5cd30', "#f5cd30",
'#fdea8d', "#fdea8d",
'#e5e4df', "#e5e4df",
'#c1be42', "#c1be42",
'#ffff00', "#ffff00",
'#ffffcc', "#ffffcc",
'#a4bd47', "#a4bd47",
'#7f8e64', "#7f8e64",
'#a1c48c', "#a1c48c",
'#3a7d15', "#3a7d15",
'#4b974b', "#4b974b",
'#00ff00', "#00ff00",
'#ccffcc', "#ccffcc",
'#27462d', "#27462d",
'#287f47', "#287f47",
'#789082', "#789082",
'#9ff3e9', "#9ff3e9",
'#12eed4', "#12eed4",
'#f2f3f3', "#f2f3f3",
'#00ffff', "#00ffff",
'#008f9c', "#008f9c",
'#04afec', "#04afec",
'#80bbdb', "#80bbdb",
'#b4d2e4', "#b4d2e4",
'#0d69ac', "#0d69ac",
'#1b2a35', "#1b2a35",
'#afddff', "#afddff",
'#6e99ca', "#6e99ca",
'#74869d', "#74869d",
'#2154b9', "#2154b9",
'#002060', "#002060",
'#0000ff', "#0000ff",
'#b1a7ff', "#b1a7ff",
'#a3a2a5', "#a3a2a5",
'#6225d1', "#6225d1",
'#b480ff', "#b480ff",
'#8c5b9f', "#8c5b9f",
'#6b327c', "#6b327c",
'#aa00aa', "#aa00aa",
'#635f62', "#635f62",
'#ff00bf', "#ff00bf",
'#ff66cc', "#ff66cc",
'#e8bac8' "#e8bac8"
]; ]
let PageContainer = document.querySelector('.container.p-0.p-lg-5'); let PageContainer = document.querySelector('.container.p-0.p-lg-5')
let ItemGrid; let ItemGrid;
let Wearing; let Wearing;
let Tabs; let Tabs;
let IFrame; let IFrame;
let TabSelected = 'hat'; let TabSelected = 'hat'
let Search; let Search;
let Page = 1; let Page = 1
let Avatar = { let Avatar = {
useCharacter: true, "useCharacter": true,
items: [24122], "items": [
shirt: 24118, 24122
pants: 24123, ],
headColor: '#e0e0e0', "shirt": 24118,
torsoColor: '#e0e0e0', "pants": 24123,
leftArmColor: '#e0e0e0', "headColor": "#e0e0e0",
rightArmColor: '#e0e0e0', "torsoColor": "#e0e0e0",
leftLegColor: '#e0e0e0', "leftArmColor": "#e0e0e0",
rightLegColor: '#e0e0e0' "rightArmColor": "#e0e0e0",
}; "leftLegColor": "#e0e0e0",
"rightLegColor": "#e0e0e0"
}
if (new URLSearchParams(window.location.search).has('sandbox')) { if (new URLSearchParams(window.location.search).has('sandbox')) {
console.log('Avatar Sandbox!'); console.log('Avatar Sandbox!')
LoadFile(chrome.runtime.getURL('resources/avatar-sandbox.html'), function (html) { LoadFile(chrome.runtime.getURL('resources/avatar-sandbox.html'), function(html){
PageContainer.innerHTML = html; PageContainer.innerHTML = html
ItemGrid = document.getElementById('inventory'); ItemGrid = document.getElementById('inventory')
Wearing = document.getElementById('wearing'); Wearing = document.getElementById('wearing')
Tabs = document.getElementById('tabs'); Tabs = document.getElementById('tabs')
IFrame = document.getElementById('viewFrame'); IFrame = document.getElementById('viewFrame')
Search = document.getElementById('item-search'); Search = document.getElementById('item-search')
Search.addEventListener('onchange', function () { Search.addEventListener('onchange', function(){
RefreshItems(); RefreshItems()
}); });
UpdateAvatar(); UpdateAvatar()
RefreshItems(); RefreshItems()
LoadWearing(); LoadWearing()
Array.from(Tabs.children).forEach((element) => { Array.from(Tabs.children).forEach(element => {
element.addEventListener('click', function () { element.addEventListener('click', function(){
let Link = element.getElementsByTagName('a')[0]; let Link = element.getElementsByTagName('a')[0]
if (!Link.classList.contains('active')) { if (!(Link.classList.contains('active'))) {
Link.classList.add('active'); Link.classList.add('active')
Tabs.querySelector(`[data-tab="${TabSelected}"]`).classList.remove('active'); Tabs.querySelector(`[data-tab="${TabSelected}"]`).classList.remove('active')
TabSelected = Link.getAttribute('data-tab'); TabSelected = Link.getAttribute('data-tab')
Page = 1; Page = 1
RefreshItems(); RefreshItems()
} }
}); });
}); });
let Clear = document.getElementById('clear'); let Clear = document.getElementById('clear')
Clear.addEventListener('click', function () { Clear.addEventListener('click', function(){
Avatar = { Avatar = {
useCharacter: true, "useCharacter": true,
items: [24122], "items": [
shirt: 24118, 24122
pants: 24123, ],
headColor: '#e0e0e0', "shirt": 24118,
torsoColor: '#e0e0e0', "pants": 24123,
leftArmColor: '#e0e0e0', "headColor": "#e0e0e0",
rightArmColor: '#e0e0e0', "torsoColor": "#e0e0e0",
leftLegColor: '#e0e0e0', "leftArmColor": "#e0e0e0",
rightLegColor: '#e0e0e0' "rightArmColor": "#e0e0e0",
}; "leftLegColor": "#e0e0e0",
UpdateAvatar(); "rightLegColor": "#e0e0e0"
}
UpdateAvatar()
}); });
let Myself = document.getElementById('myself'); let Myself = document.getElementById('myself')
Myself.addEventListener('click', function () { Myself.addEventListener('click', function(){
LoadMyself(); LoadMyself()
}); });
let JSONUpload = document.getElementById('jsonUpload'); let JSONUpload = document.getElementById('jsonUpload')
JSONUpload.addEventListener('change', function () { JSONUpload.addEventListener('change', function(){
let Reader = new FileReader(); let Reader = new FileReader()
Reader.addEventListener('loadend', function () { Reader.addEventListener('loadend', function(){
Avatar = JSON.parse(Reader.result); Avatar = JSON.parse(Reader.result)
UpdateAvatar(); UpdateAvatar()
JSONUpload.value = ''; JSONUpload.value = ""
}); });
Reader.readAsText(JSONUpload.files[0]); Reader.readAsText(JSONUpload.files[0])
}); });
let JSONSave = document.getElementById('jsonSave'); let JSONSave = document.getElementById('jsonSave')
JSONSave.addEventListener('click', function () { JSONSave.addEventListener('click', function(){
let Download = document.createElement('a'); let Download = document.createElement('a')
Download.href = URL.createObjectURL( Download.href = URL.createObjectURL(new Blob([JSON.stringify(Avatar)], {
new Blob([JSON.stringify(Avatar)], { type: "application/json"
type: 'application/json' }));
Download.setAttribute('download', 'AvatarSandbox.json')
document.body.appendChild(Download)
Download.click()
document.body.removeChild(Download)
});
let OpenInNewTab = document.getElementById('openNewTab')
OpenInNewTab.addEventListener('click', function(){
UpdateAvatar()
});
let LoadAsset = document.getElementById('load-asset')
LoadAsset.addEventListener('click', async function(){
console.log('clickk')
const MeshURL = (await (await fetch('https://api.polytoria.com/v1/assets/serve-mesh/' + LoadAsset.previousElementSibling.value)).json()).url
Avatar.items.push(MeshURL)
UpdateAvatar()
}) })
);
Download.setAttribute('download', 'AvatarSandbox.json');
document.body.appendChild(Download);
Download.click();
document.body.removeChild(Download);
});
let OpenInNewTab = document.getElementById('openNewTab');
OpenInNewTab.addEventListener('click', function () {
UpdateAvatar();
});
let LoadAsset = document.getElementById('load-asset');
LoadAsset.addEventListener('click', async function () {
console.log('clickk');
const MeshURL = (await (await fetch('https://api.polytoria.com/v1/assets/serve-mesh/' + LoadAsset.previousElementSibling.value)).json()).url;
Avatar.items.push(MeshURL);
UpdateAvatar();
});
}); });
} else { } else {
const SandboxButton = document.createElement('a'); const SandboxButton = document.createElement('a')
SandboxButton.classList = 'btn btn-outline-success w-100 mt-3'; SandboxButton.classList = 'btn btn-outline-success w-100 mt-3'
SandboxButton.href = '?sandbox=true'; SandboxButton.href = '?sandbox=true'
SandboxButton.innerHTML = '<i class="fas fa-shirt"></i> Avatar Sandbox'; SandboxButton.innerHTML = '<i class="fas fa-shirt"></i> Avatar Sandbox'
document.getElementById('cont-move').parentElement.appendChild(SandboxButton); document.getElementById('cont-move').parentElement.appendChild(SandboxButton)
} }
function UpdateAvatar() { function UpdateAvatar() {
GenerateHash().then((hash) => { GenerateHash()
.then(hash => {
IFrame.addEventListener('load', function () { IFrame.addEventListener('load', function () {
IFrame.src = 'https://polytoria.com/ptstatic/itemview/#' + hash; IFrame.src = 'https://polytoria.com/ptstatic/itemview/#' + hash;
}); });
@ -200,41 +203,37 @@ function UpdateAvatar() {
function LoadFile(path, callback) { function LoadFile(path, callback) {
var xhr = new XMLHttpRequest(); var xhr = new XMLHttpRequest();
xhr.onload = function () { xhr.onload = function () { return callback(this.responseText); }
return callback(this.responseText); xhr.open("GET", path, true);
};
xhr.open('GET', path, true);
xhr.send(); xhr.send();
} }
async function GenerateHash(data) { async function GenerateHash(data) {
if (!data) { if (!data) {
console.log('Data not provided'); console.log('Data not provided')
let FormattedAvatar = await FormatAvatar(); let FormattedAvatar = await FormatAvatar()
return btoa(encodeURIComponent(JSON.stringify(FormattedAvatar))); return btoa(encodeURIComponent(JSON.stringify(FormattedAvatar)))
} else { } else {
console.log('Data provided'); console.log('Data provided')
return btoa(encodeURIComponent(JSON.stringify(data))); return btoa(encodeURIComponent(JSON.stringify(data)))
} }
} }
function RefreshItems() { function RefreshItems() {
fetch(`https://api.polytoria.com/v1/store?search=${Search.value}&types%5B%5D=${TabSelected}&sort=createdAt&order=desc&page=${Page}&limit=12`) fetch(`https://api.polytoria.com/v1/store?search=${Search.value}&types%5B%5D=${TabSelected}&sort=createdAt&order=desc&page=${Page}&limit=12`)
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network response was not ok'); throw new Error('Network response was not ok');
} }
return response.json(); return response.json();
}) })
.then((data) => { .then(data => {
Array.from(ItemGrid.children).forEach((element) => { Array.from(ItemGrid.children).forEach(element => {element.remove()});
element.remove(); data = data.assets
}); data.forEach(item => {
data = data.assets; let NewItemCard = document.createElement('div')
data.forEach((item) => { NewItemCard.setAttribute('data-id', item.id)
let NewItemCard = document.createElement('div'); NewItemCard.classList = 'col-auto'
NewItemCard.setAttribute('data-id', item.id);
NewItemCard.classList = 'col-auto';
NewItemCard.innerHTML = ` NewItemCard.innerHTML = `
<div style="max-width: 150px;"> <div style="max-width: 150px;">
<div class="card mb-2 avatar-item-container"> <div class="card mb-2 avatar-item-container">
@ -253,211 +252,205 @@ function RefreshItems() {
by <a href="/users/${item.creator.id}" class="text-reset">${item.creator.name}</a> by <a href="/users/${item.creator.id}" class="text-reset">${item.creator.name}</a>
</small> </small>
</div> </div>
`; `
NewItemCard.getElementsByClassName('p-2')[0].addEventListener('click', function () { NewItemCard.getElementsByClassName('p-2')[0].addEventListener('click', function(){
WearAsset(NewItemCard, item); WearAsset(NewItemCard, item)
}); });
ItemGrid.appendChild(NewItemCard); ItemGrid.appendChild(NewItemCard)
}); });
}) })
.catch((error) => { .catch(error => {
console.error('Fetch error:', error); console.error('Fetch error:', error);
}); });
} }
async function FormatAvatar() { async function FormatAvatar() {
const FormattedAvatar = structuredClone(Avatar); const FormattedAvatar = structuredClone(Avatar)
// Hats, Tools: https://api.polytoria.com/v1/assets/serve-mesh/:id // Hats, Tools: https://api.polytoria.com/v1/assets/serve-mesh/:id
// or: https://api.polytoria.com/v1/assets/serve/:id/Asset // or: https://api.polytoria.com/v1/assets/serve/:id/Asset
Avatar.items.forEach(async (item, index) => { Avatar.items.forEach(async (item, index) => {
if (typeof item === 'number') { if (typeof(item) === 'number') {
console.log(item); console.log(item)
await FetchMesh(item) await FetchMesh(item)
.then((URL) => { .then(URL => {
console.log('URL: ' + URL); console.log('URL: ' + URL)
FormattedAvatar.items[index] = URL; FormattedAvatar.items[index] = URL
}) })
.catch((error) => { .catch(error => {
throw new Error(error); throw new Error(error)
}); });
console.log('after url'); console.log('after url')
//Avatar.items[index] = URL //Avatar.items[index] = URL
} }
}); });
if (typeof FormattedAvatar.tool === 'number') { if (typeof(FormattedAvatar.tool) === 'number') {console.log(FormattedAvatar.tool); FormattedAvatar.tool = await FetchMesh(FormattedAvatar.tool)}
console.log(FormattedAvatar.tool);
FormattedAvatar.tool = await FetchMesh(FormattedAvatar.tool);
}
if (FormattedAvatar.face && typeof FormattedAvatar.face === 'number') { if (FormattedAvatar.face && typeof(FormattedAvatar.face) === 'number') {
FormattedAvatar.face = await FetchAsset(FormattedAvatar.face); FormattedAvatar.face = await FetchAsset(FormattedAvatar.face)
} else { } else {
FormattedAvatar.face = 'https://c0.ptacdn.com/static/3dview/DefaultFace.png'; FormattedAvatar.face = "https://c0.ptacdn.com/static/3dview/DefaultFace.png"
} }
if (typeof FormattedAvatar.shirt === 'number') { if (typeof(FormattedAvatar.shirt) === 'number') {FormattedAvatar.shirt = await FetchAsset(FormattedAvatar.shirt)}
FormattedAvatar.shirt = await FetchAsset(FormattedAvatar.shirt); if (typeof(FormattedAvatar.pants) === 'number') {FormattedAvatar.pants = await FetchAsset(FormattedAvatar.pants)}
}
if (typeof FormattedAvatar.pants === 'number') {
FormattedAvatar.pants = await FetchAsset(FormattedAvatar.pants);
}
console.log('Real Avatar: ', Avatar, 'Formatted: ', FormattedAvatar); console.log('Real Avatar: ', Avatar, 'Formatted: ', FormattedAvatar)
return FormattedAvatar; return FormattedAvatar
} }
function LoadMyself() { function LoadMyself() {
fetch('https://api.polytoria.com/v1/users/:id/avatar'.replace(':id', UserID)) fetch('https://api.polytoria.com/v1/users/:id/avatar'.replace(':id', UserID))
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network not ok'); throw new Error('Network not ok')
} }
return response.json(); return response.json()
}) })
.then((data) => { .then(data => {
Avatar.items = []; Avatar.items = []
data.assets.forEach((item) => { data.assets.forEach(item => {
switch (item.type) { switch(item.type) {
case 'hat': case 'hat':
Avatar.items.push(item.id); Avatar.items.push(item.id)
break; break
default: default:
Avatar[item.type] = item.id; Avatar[item.type] = item.id
break; break
} }
}); });
Avatar.headColor = '#' + data.colors.head || '#cdcdcd'; Avatar.headColor = '#' + data.colors.head || '#cdcdcd'
Avatar.torsoColor = '#' + data.colors.torso || '#cdcdcd'; Avatar.torsoColor = '#' + data.colors.torso || '#cdcdcd'
Avatar.leftArmColor = '#' + data.colors.leftArm || '#cdcdcd'; Avatar.leftArmColor = '#' + data.colors.leftArm || '#cdcdcd'
Avatar.rightArmColor = '#' + data.colors.rightArm || '#cdcdcd'; Avatar.rightArmColor = '#' + data.colors.rightArm || '#cdcdcd'
Avatar.leftLegColor = '#' + data.colors.leftLeg || '#cdcdcd'; Avatar.leftLegColor = '#' + data.colors.leftLeg || '#cdcdcd'
Avatar.rightLegColor = '#' + data.colors.rightLeg || '#cdcdcd'; Avatar.rightLegColor = '#' + data.colors.rightLeg || '#cdcdcd'
UpdateAvatar(); UpdateAvatar()
}) })
.catch((error) => { .catch(error => {
console.log(error); console.log(error)
}); });
} }
function WearAsset(element, info) { function WearAsset(element, info) {
if (Avatar.items.indexOf(info.id) === -1 && Avatar[info.type] !== info.id) { if (Avatar.items.indexOf(info.id) === -1 && Avatar[info.type] !== info.id) {
console.log('Equip', info); console.log('Equip', info)
switch (info.type) { switch(info.type) {
case 'hat': case 'hat':
Avatar.items.push(info.id); Avatar.items.push(info.id)
break; break
default: default:
Avatar[info.type] = info.id; Avatar[info.type] = info.id
break; break
} }
} else { } else {
console.log('unequip', info); console.log('unequip', info)
switch (info.type) { switch(info.type) {
case 'hat': case 'hat':
Avatar.items.splice(Avatar.items.indexOf(info.id), 1); Avatar.items.splice(Avatar.items.indexOf(info.id), 1)
break; break
case 'face': case 'face':
Avatar.face = 'https://c0.ptacdn.com/static/3dview/DefaultFace.png'; Avatar.face = "https://c0.ptacdn.com/static/3dview/DefaultFace.png"
break; break
default: default:
Avatar[info.type] = undefined; Avatar[info.type] = undefined
break; break
} }
} }
const ToggleButton = element.getElementsByClassName('avatarAction')[0]; const ToggleButton = element.getElementsByClassName('avatarAction')[0]
ToggleButton.classList.toggle('btn-success'); ToggleButton.classList.toggle('btn-success')
ToggleButton.classList.toggle('btn-danger'); ToggleButton.classList.toggle('btn-danger')
ToggleButton.children[0].classList.toggle('fa-plus'); ToggleButton.children[0].classList.toggle('fa-plus')
ToggleButton.children[0].classList.toggle('fa-minus'); ToggleButton.children[0].classList.toggle('fa-minus')
const Duplicate = ItemGrid.querySelector(`[data-id="${info.id}"]`); const Duplicate = ItemGrid.querySelector(`[data-id="${info.id}"]`)
if (Duplicate !== null && Duplicate !== element) { if (Duplicate !== null && Duplicate !== element) {
const DuplicateToggleButton = Duplicate.getElementsByClassName('avatarAction')[0]; const DuplicateToggleButton = Duplicate.getElementsByClassName('avatarAction')[0]
DuplicateToggleButton.classList.toggle('btn-success'); DuplicateToggleButton.classList.toggle('btn-success')
DuplicateToggleButton.classList.toggle('btn-danger'); DuplicateToggleButton.classList.toggle('btn-danger')
DuplicateToggleButton.children[0].classList.toggle('fa-plus'); DuplicateToggleButton.children[0].classList.toggle('fa-plus')
DuplicateToggleButton.children[0].classList.toggle('fa-minus'); DuplicateToggleButton.children[0].classList.toggle('fa-minus')
} }
LoadWearing(); LoadWearing()
UpdateAvatar(); UpdateAvatar()
} }
async function FetchMesh(id) { async function FetchMesh(id) {
if (id === null) { if (id === null) {return null}
return null; console.log('https://api.polytoria.com/v1/assets/serve-mesh/:id'.replace(':id', id))
}
console.log('https://api.polytoria.com/v1/assets/serve-mesh/:id'.replace(':id', id));
return fetch('https://api.polytoria.com/v1/assets/serve-mesh/:id'.replace(':id', id)) return fetch('https://api.polytoria.com/v1/assets/serve-mesh/:id'.replace(':id', id))
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network not ok'); throw new Error('Network not ok')
} }
return response.json(); return response.json()
}) })
.then((data) => { .then(data => {
console.log(data, 'finished', data.url); console.log(data, 'finished', data.url)
return data.url; return data.url
}) })
.catch((error) => { .catch(error => {
console.log('Fetch error: ' + error); console.log('Fetch error: ' + error)
}); });
} }
async function FetchAsset(id) { async function FetchAsset(id) {
if (id === null) { if (id === null) {return null}
return null;
}
return fetch('https://api.polytoria.com/v1/assets/serve/:id/Asset'.replace(':id', id)) return fetch('https://api.polytoria.com/v1/assets/serve/:id/Asset'.replace(':id', id))
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network not ok'); throw new Error('Network not ok')
} }
return response.json(); return response.json()
}) })
.then((data) => { .then(data => {
return data.url; return data.url
}) })
.catch((error) => { .catch(error => {
console.log('Fetch error: ' + error); console.log('Fetch error: ' + error)
}); });
} }
function LoadWearing() { function LoadWearing() {
const WearingItems = [...Avatar.items, Avatar.shirt, Avatar.pants, Avatar.face].filter((item) => item !== null && item !== undefined); const WearingItems = [
...Avatar.items,
Avatar.shirt,
Avatar.pants,
Avatar.face
].filter(item => item !== null && item !== undefined);
Array.from(Wearing.children).forEach((element) => { Array.from(Wearing.children).forEach(element => {
const ItemID = element.getElementsByTagName('a')[0].href.split('/')[2]; const ItemID = element.getElementsByTagName('a')[0].href.split('/')[2]
if (!WearingItems.includes(ItemID)) { if (!WearingItems.includes(ItemID)) {
element.remove(); element.remove();
} }
}); });
WearingItems.forEach((item) => { WearingItems.forEach(item => {
const ExistingElement = Wearing.querySelector(`[data-itemid="${item}"]`); const ExistingElement = Wearing.querySelector(`[data-itemid="${item}"]`);
if (!ExistingElement) { if (!ExistingElement) {
fetch(`https://api.polytoria.com/v1/store/${item}`) fetch(`https://api.polytoria.com/v1/store/${item}`)
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network not ok'); throw new Error('Network not ok');
} }
return response.json(); return response.json();
}) })
.then((item) => { .then(item => {
if (Wearing.innerHTML === 'No items to show.') { if (Wearing.innerHTML === 'No items to show.') {
Wearing.innerHTML = ''; Wearing.innerHTML = ''
} }
let NewItemCard = document.createElement('div'); let NewItemCard = document.createElement('div');
NewItemCard.setAttribute('data-id', item.id); NewItemCard.setAttribute('data-id', item.id)
NewItemCard.classList = 'col-auto'; NewItemCard.classList = 'col-auto';
NewItemCard.innerHTML = ` NewItemCard.innerHTML = `
<div style="max-width: 150px;"> <div style="max-width: 150px;">
@ -477,19 +470,19 @@ function LoadWearing() {
by <a href="/users/${item.creator.id}" class="text-reset">${item.creator.name}</a> by <a href="/users/${item.creator.id}" class="text-reset">${item.creator.name}</a>
</small> </small>
</div> </div>
`; `
Wearing.appendChild(NewItemCard); Wearing.appendChild(NewItemCard);
NewItemCard.getElementsByClassName('p-2')[0].addEventListener('click', function () { NewItemCard.getElementsByClassName('p-2')[0].addEventListener('click', function () {
WearAsset(NewItemCard, item); WearAsset(NewItemCard, item);
}); });
}) })
.catch((error) => { .catch(error => {
console.log('Fetch error: ' + error); console.log('Fetch error: ' + error);
}); });
} }
}); });
if (Array.from(Wearing.children).length === 0) { if (Array.from(Wearing.children).length === 0) {
Wearing.innerHTML = 'No items to show.'; Wearing.innerHTML = 'No items to show.'
} }
} }

206
js/account/friends.js
View file

@ -1,37 +1,38 @@
var SelectedFriends = []; var SelectedFriends = []
chrome.storage.sync.get(['PolyPlus_Settings'], function (result) { chrome.storage.sync.get(['PolyPlus_Settings'], function(result){
Settings = result.PolyPlus_Settings; Settings = result.PolyPlus_Settings;
if (Settings.ImprovedFrListsOn === true) { if (Settings.ImprovedFrListsOn === true) {
var Tab = 'requests'; var Tab = "requests"
var FriendsContainer = document.getElementById('friends-container'); var FriendsContainer = document.getElementById('friends-container')
var Container = document.createElement('div'); var Container = document.createElement('div')
Container.classList = 'row mb-3'; Container.classList = 'row mb-3'
Container.innerHTML = ` Container.innerHTML = `
<div class="col"><button id="AccAllFrBtn" class="btn btn-success w-100">Accept all Friend Request(s)</button></div> <div class="col"><button id="AccAllFrBtn" class="btn btn-success w-100">Accept all Friend Request(s)</button></div>
<div class="col"><button id="DelAllFrBtn" class="btn btn-danger w-100">Decline all Friend Request(s)</button></div> <div class="col"><button id="DelAllFrBtn" class="btn btn-danger w-100">Decline all Friend Request(s)</button></div>
`; `
FriendsContainer.parentElement.insertBefore(Container, FriendsContainer); FriendsContainer.parentElement.insertBefore(Container, FriendsContainer)
var AccAllFrBtn = document.getElementById('AccAllFrBtn'); var AccAllFrBtn = document.getElementById('AccAllFrBtn')
var DelAllFrBtn = document.getElementById('DelAllFrBtn'); var DelAllFrBtn = document.getElementById('DelAllFrBtn')
var AccBtns = document.querySelectorAll('[onclick="acceptFriendRequest(this)"]'); var AccBtns = document.querySelectorAll('[onclick="acceptFriendRequest(this)"]')
var DelBtns = document.querySelectorAll('[onclick="declineFriendRequest(this)"]'); var DelBtns = document.querySelectorAll('[onclick="declineFriendRequest(this)"]')
if (!(AccBtns.length === 0)) { if (!(AccBtns.length === 0)) {
AccAllFrBtn.addEventListener('click', function () { AccAllFrBtn.addEventListener('click', function(){
AccBtns.forEach((element) => { AccBtns.forEach(element => {
setTimeout(function () {}, 145); setTimeout(function () {}, 145)
fetch('https://polytoria.com/api/friends/send', { fetch('https://polytoria.com/api/friends/send', {
method: 'POST', method: 'POST',
headers: { headers: {
'Content-Type': 'application/json', 'Content-Type': 'application/json',
'X-CSRF-Token': document.querySelector('input[name="_csrf"]').value 'X-CSRF-Token': document.querySelector('input[name="_csrf"]').value
}, },
body: JSON.stringify({userID: parseInt(element.getAttribute('data-user-id'))}) body: JSON.stringify({ userID: parseInt(element.getAttribute('data-user-id')) }),
}).catch((error) => { })
.catch(error => {
// Handle any errors // Handle any errors
console.error('Error:', error); console.error('Error:', error);
Success = false; Success = false
}); });
/* /*
@ -43,26 +44,27 @@ chrome.storage.sync.get(['PolyPlus_Settings'], function (result) {
FriendsContainer.appendChild(NewAcceptBtn) FriendsContainer.appendChild(NewAcceptBtn)
NewAcceptBtn.click(); NewAcceptBtn.click();
*/ */
}); })
}); });
} else { } else {
AccAllFrBtn.setAttribute('disabled', 'true'); AccAllFrBtn.setAttribute('disabled', 'true')
} }
if (!(DelBtns.length === 0)) { if (!(DelBtns.length === 0)) {
DelAllFrBtn.addEventListener('click', function () { DelAllFrBtn.addEventListener('click', function(){
DelBtns.forEach((element) => { DelBtns.forEach(element => {
setTimeout(function () {}, 110); setTimeout(function () {}, 110)
fetch('https://polytoria.com/api/friends/remove', { fetch('https://polytoria.com/api/friends/remove', {
method: 'POST', method: 'POST',
headers: { headers: {
'Content-Type': 'application/json', 'Content-Type': 'application/json',
'X-CSRF-Token': document.querySelector('input[name="_csrf"]').value 'X-CSRF-Token': document.querySelector('input[name="_csrf"]').value
}, },
body: JSON.stringify({userID: parseInt(element.getAttribute('data-user-id'))}) body: JSON.stringify({ userID: parseInt(element.getAttribute('data-user-id')) }),
}).catch((error) => { })
.catch(error => {
// Handle any errors // Handle any errors
console.error('Error:', error, document.querySelector('input[name="_csrf"]').value); console.error('Error:', error, document.querySelector('input[name="_csrf"]').value);
Success = false; Success = false
}); });
/* /*
@ -74,137 +76,135 @@ chrome.storage.sync.get(['PolyPlus_Settings'], function (result) {
FriendsContainer.appendChild(NewDeclineBtn) FriendsContainer.appendChild(NewDeclineBtn)
NewDeclineBtn.click(); NewDeclineBtn.click();
*/ */
}); })
}); });
} else { } else {
DelAllFrBtn.setAttribute('disabled', 'true'); DelAllFrBtn.setAttribute('disabled', 'true')
} }
let Text = document.createElement('p'); let Text = document.createElement('p')
Text.classList = 'mx-auto'; Text.classList = 'mx-auto'
Text.style.textAlign = 'center'; Text.style.textAlign = 'center'
Text.style.fontSize = '1.3rem'; Text.style.fontSize = '1.3rem'
Text.style.display = 'none'; Text.style.display = 'none'
Text.innerHTML = ` Text.innerHTML = `
<span>0</span> friends selected! <span>0</span> friends selected!
<br> <br>
<button id="viewSelectionBtn" class="btn btn-primary">View Selection</button> <button id="viewSelectionBtn" class="btn btn-primary">View Selection</button>
<button id="clearSelectionBtn" class="btn btn-warning">Clear Selection</button> <button id="clearSelectionBtn" class="btn btn-warning">Clear Selection</button>
<button id="removeSelectionBtn" class="btn btn-danger">Remove Selected Friends</button> <button id="removeSelectionBtn" class="btn btn-danger">Remove Selected Friends</button>
`; `
FriendsContainer.parentElement.insertBefore(Text, FriendsContainer); FriendsContainer.parentElement.insertBefore(Text, FriendsContainer)
let Text_Span = Text.querySelector('span'); let Text_Span = Text.querySelector('span');
let Text_View = document.getElementById('viewSelectionBtn'); let Text_View = document.getElementById('viewSelectionBtn');
let Text_Clear = document.getElementById('clearSelectionBtn'); let Text_Clear = document.getElementById('clearSelectionBtn');
let Text_Remove = document.getElementById('removeSelectionBtn'); let Text_Remove = document.getElementById('removeSelectionBtn');
document.querySelector('[data-friends-tab="requests"]').addEventListener('click', function () { document.querySelector('[data-friends-tab="requests"]').addEventListener('click', function(){
Tab = 'requests'; Tab = "requests"
Container.style.display = ''; Container.style.display = '';
Text.style.display = 'none'; Text.style.display = 'none';
document.querySelectorAll('input[type="check"]').forEach((element) => { document.querySelectorAll('input[type="check"]').forEach(element => {element.remove();});
element.remove();
}); });
}); document.querySelector('[data-friends-tab="friends"]').addEventListener('click', function(){
document.querySelector('[data-friends-tab="friends"]').addEventListener('click', function () { Tab = "friends"
Tab = 'friends';
Container.style.display = 'none'; Container.style.display = 'none';
Text.style.display = ''; Text.style.display = '';
}); });
var ConfirmRemove = 0; var ConfirmRemove = 0
Text_View.addEventListener('click', function () {}); Text_View.addEventListener('click', function(){});
Text_Clear.addEventListener('click', function () { Text_Clear.addEventListener('click', function(){
SelectedFriends = []; SelectedFriends = []
UpdateCheckboxes(); UpdateCheckboxes();
Text_Span.innerText = SelectedFriends.length; Text_Span.innerText = SelectedFriends.length
}); });
Text_Remove.addEventListener('click', function () { Text_Remove.addEventListener('click', function(){
ConfirmRemove = ConfirmRemove + 1; ConfirmRemove = ConfirmRemove + 1
switch (ConfirmRemove) { switch(ConfirmRemove) {
case 0: case 0:
Text_Remove.innerText = 'Remove Selected Friends'; Text_Remove.innerText = 'Remove Selected Friends'
break; break
case 1: case 1:
Text_Remove.innerText = 'Are you sure?'; Text_Remove.innerText = 'Are you sure?'
break; break
case 2: case 2:
for (let i = 0; i < SelectedFriends.length; i++) { for (let i = 0; i < SelectedFriends.length; i++) {
setTimeout(function () {}, 110); setTimeout(function () {}, 110)
let NewDeclineBtn = document.createElement('a'); let NewDeclineBtn = document.createElement('a')
NewDeclineBtn.style.display = 'none'; NewDeclineBtn.style.display = 'none'
NewDeclineBtn.classList = 'btn btn-danger'; NewDeclineBtn.classList = 'btn btn-danger'
NewDeclineBtn.setAttribute('data-user-id', SelectedFriends[i]); NewDeclineBtn.setAttribute('data-user-id', SelectedFriends[i])
NewDeclineBtn.setAttribute('onclick', 'declineFriendRequest(this)'); NewDeclineBtn.setAttribute('onclick', 'declineFriendRequest(this)')
FriendsContainer.appendChild(NewDeclineBtn); FriendsContainer.appendChild(NewDeclineBtn)
NewDeclineBtn.click(); NewDeclineBtn.click();
} }
SelectedFriends = []; SelectedFriends = []
UpdateCheckboxes(); UpdateCheckboxes();
Text_Remove.innerText = 'Remove Selected Friends'; Text_Remove.innerText = 'Remove Selected Friends'
ConfirmRemove = 0; ConfirmRemove = 0
break; break
} }
}); });
const observer = new MutationObserver(function () { const observer = new MutationObserver(function (){
if (FriendsContainer.children.length > 0 && Tab === 'friends') { if (FriendsContainer.children.length > 0 && Tab === "friends") {
LoadCheckBoxes(); LoadCheckBoxes();
} }
}); });
observer.observe(FriendsContainer, {childList: true, subtree: false}); observer.observe(FriendsContainer, {childList: true, subtree: false});
function LoadCheckBoxes() { function LoadCheckBoxes() {
Array.from(FriendsContainer.children).forEach((element) => { Array.from(FriendsContainer.children).forEach(element => {
let DeclineBtn = element.querySelector('a.btn.btn-danger'); let DeclineBtn = element.querySelector('a.btn.btn-danger')
let UserID = DeclineBtn.getAttribute('data-user-id'); let UserID = DeclineBtn.getAttribute('data-user-id')
let Column = document.createElement('div'); let Column = document.createElement('div')
let EditColumn = element.querySelector('.col-9'); let EditColumn = element.querySelector('.col-9')
Column.classList = 'col-auto'; Column.classList = 'col-auto'
var NewCheckBox = document.createElement('button'); var NewCheckBox = document.createElement('button')
NewCheckBox.classList = 'polyplus-multiremovefr-checkbox'; NewCheckBox.classList = 'polyplus-multiremovefr-checkbox'
NewCheckBox.setAttribute('style', 'padding: 20px; background-color: #191919; border: 1px solid #393939; border-radius: 1rem;'); NewCheckBox.setAttribute('style', 'padding: 20px; background-color: #191919; border: 1px solid #393939; border-radius: 1rem;')
var Index = SelectedFriends.indexOf(UserID); var Index = SelectedFriends.indexOf(UserID)
if (Index !== -1) { if (Index !== -1) {
DeclineBtn.classList.add('disabled'); DeclineBtn.classList.add('disabled')
NewCheckBox.style.borderColor = 'lime'; NewCheckBox.style.borderColor = 'lime'
} }
EditColumn.classList.remove('col-9'); EditColumn.classList.remove('col-9')
EditColumn.classList.add('col'); EditColumn.classList.add('col')
Column.appendChild(NewCheckBox); Column.appendChild(NewCheckBox)
EditColumn.parentElement.appendChild(Column); EditColumn.parentElement.appendChild(Column)
NewCheckBox.addEventListener('click', function () { NewCheckBox.addEventListener('click', function(){
var Index = SelectedFriends.indexOf(UserID); var Index = SelectedFriends.indexOf(UserID)
if (Index === -1) { if (Index === -1) {
DeclineBtn.classList.add('disabled'); DeclineBtn.classList.add('disabled')
SelectedFriends.push(UserID); SelectedFriends.push(UserID)
NewCheckBox.style.borderColor = 'lime'; NewCheckBox.style.borderColor = 'lime'
} else { } else {
SelectedFriends.splice(Index, 1); SelectedFriends.splice(Index, 1)
NewCheckBox.style.borderColor = '#393939'; NewCheckBox.style.borderColor = '#393939'
DeclineBtn.classList.remove('disabled'); DeclineBtn.classList.remove('disabled')
} }
Text_Span.innerText = SelectedFriends.length; Text_Span.innerText = SelectedFriends.length
UpdateCheckboxes(); UpdateCheckboxes();
}); });
}); });
} }
function UpdateCheckboxes() { function UpdateCheckboxes(){
document.querySelectorAll('.polyplus-multiremovefr-checkbox').forEach((element) => { document.querySelectorAll('.polyplus-multiremovefr-checkbox').forEach(element => {
let Parent = element.parentElement.parentElement.parentElement.parentElement.parentElement; let Parent = element.parentElement.parentElement.parentElement.parentElement.parentElement
let DeclineBtn = Parent.querySelector('a.btn.btn-danger'); let DeclineBtn = Parent.querySelector('a.btn.btn-danger')
if (element.getAttribute('disabled')) { if (element.getAttribute('disabled')) {
element.removeAttribute('disabled'); element.removeAttribute('disabled')
} }
if (SelectedFriends.IndexOf(DeclineBtn.getAttribute('data-user-id')) === -1) { if (SelectedFriends.IndexOf(DeclineBtn.getAttribute('data-user-id')) === -1) {
element.style.borderColor = '#393939'; element.style.borderColor = '#393939'
DeclineBtn.classList.remove('disabled'); DeclineBtn.classList.remove('disabled')
if (SelectedFriends.length >= 25) { if (SelectedFriends.length >= 25) {
element.setAttribute('disabled', true); element.setAttribute('disabled', true)
} }
} else { } else {
DeclineBtn.classList.add('disabled'); DeclineBtn.classList.add('disabled')
element.style.borderColor = 'lime'; element.style.borderColor = 'lime'
} }
}); })
} }
} }
}); });

135
js/account/home.js
View file

@ -3,24 +3,24 @@ this file needs a rewrite by me lol
*/ */
var Settings; var Settings;
var PinnedGamesData; var PinnedGamesData
var BestFriendsData; var BestFriendsData
let Utilities; let Utilities;
chrome.storage.sync.get(['PolyPlus_Settings'], async function (result) { chrome.storage.sync.get(['PolyPlus_Settings'], async function(result) {
Settings = result.PolyPlus_Settings || Utilities.DefaultSettings; Settings = result.PolyPlus_Settings || Utilities.DefaultSettings
if (Settings.IRLPriceWithCurrency.Enabled === true) { if (Settings.IRLPriceWithCurrency.Enabled === true) {
IRLPrice(); IRLPrice()
} }
if (Settings.HomeFriendCountOn === true) { if (Settings.HomeFriendCountOn === true) {
ShowFriendCount(); ShowFriendCount()
} }
if (Settings.PinnedGamesOn === true || Settings.BestFriendsOn === true) { if (Settings.PinnedGamesOn === true || Settings.BestFriendsOn === true) {
Update(); Update()
} }
}); });
@ -56,81 +56,78 @@ let TitleElement = `
<h6 class="dash-ctitle2">Jump right back into your favorite games</h6> <h6 class="dash-ctitle2">Jump right back into your favorite games</h6>
<h5 class="dash-ctitle">Pinned Games</h5> <h5 class="dash-ctitle">Pinned Games</h5>
</div>`; </div>`;
var FriendContainer = document.querySelector('.card:has(.friendsPopup) .card-body'); var FriendContainer = document.querySelector('.card:has(.friendsPopup) .card-body')
let NewContainer = document.createElement('div'); let NewContainer = document.createElement('div');
NewContainer.style.display = 'none'; NewContainer.style.display = 'none'
NewContainer.classList = 'card card-dash mcard'; NewContainer.classList = 'card card-dash mcard';
NewContainer.style.animationDelay = '0.18s'; NewContainer.style.animationDelay = '0.18s';
NewContainer.innerHTML = ContainerElement; NewContainer.innerHTML = ContainerElement;
let NewTitle = document.createElement('div'); let NewTitle = document.createElement('div');
NewTitle.style.display = 'none'; NewTitle.style.display = 'none'
NewTitle.classList = 'row reqFadeAnim px-2 px-lg-0'; NewTitle.classList = 'row reqFadeAnim px-2 px-lg-0';
NewTitle.innerHTML = TitleElement; NewTitle.innerHTML = TitleElement;
let BestFriendsContainer = document.createElement('div'); let BestFriendsContainer = document.createElement('div')
BestFriendsContainer.classList = 'd-flex'; BestFriendsContainer.classList = 'd-flex'
BestFriendsContainer.style = 'display: none; border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 10px; width: 100%;'; BestFriendsContainer.style = 'display: none; border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 10px; width: 100%;'
let Spacer = document.createElement('div'); let Spacer = document.createElement('div')
Spacer.innerHTML = ' '; Spacer.innerHTML = ' '
Spacer.style.width = '50px'; Spacer.style.width = '50px'
Spacer.prepend(BestFriendsContainer); Spacer.prepend(BestFriendsContainer)
FriendContainer.prepend(BestFriendsContainer); FriendContainer.prepend(BestFriendsContainer)
async function Update() { async function Update() {
chrome.storage.sync.get(['PolyPlus_PinnedGames'], function (result) { chrome.storage.sync.get(['PolyPlus_PinnedGames'], function(result) {
PinnedGamesData = result.PolyPlus_PinnedGames || []; PinnedGamesData = result.PolyPlus_PinnedGames || [];
if (Settings.PinnedGamesOn === true) { if (Settings.PinnedGamesOn === true) {
PinnedGames(); PinnedGames()
} else { } else {
NewContainer.style.display = 'none'; NewContainer.style.display = 'none'
NewTitle.style.display = 'none'; NewTitle.style.display = 'none'
} }
}); });
chrome.storage.sync.get(['PolyPlus_BestFriends'], function (result) { chrome.storage.sync.get(['PolyPlus_BestFriends'], function(result) {
BestFriendsData = result.PolyPlus_BestFriends || []; BestFriendsData = result.PolyPlus_BestFriends || [];
if (Settings.BestFriendsOn === true) { if (Settings.BestFriendsOn === true) {
BestFriends(); BestFriends();
} else { } else {
BestFriendsContainer.style.display = 'none'; BestFriendsContainer.style.display = 'none'
Spacer.style.display = 'none'; Spacer.style.display = 'none'
} }
}); });
} }
function PinnedGames() { function PinnedGames() {
var Existing = NewContainer.children[0].children; var Existing = NewContainer.children[0].children
Array.from(Existing).forEach((element) => { Array.from(Existing).forEach(element => {
element.remove(); element.remove();
}); });
if (PinnedGamesData.length === 0) { if (PinnedGamesData.length === 0) {
NewContainer.style.display = 'none'; NewContainer.style.display = 'none'
NewTitle.style.display = 'none'; NewTitle.style.display = 'none'
} else { } else {
NewContainer.style.display = ''; NewContainer.style.display = ''
NewTitle.style.display = ''; NewTitle.style.display = ''
} }
PinnedGamesData.forEach((element) => { PinnedGamesData.forEach(element => {
fetch('https://api.polytoria.com/v1/places/' + element) fetch('https://api.polytoria.com/v1/places/' + element)
.then((response) => response.json()) .then(response => response.json())
.then((data) => { .then(data => {
let GameName = data.name; let GameName = data.name;
let GameThumbnail = data.thumbnail; let GameThumbnail = data.thumbnail;
var NewGameContainer = document.createElement('a'); var NewGameContainer = document.createElement('a');
NewGameContainer.innerHTML = GameContainerElement.replace(':GameName', GameName) NewGameContainer.innerHTML = GameContainerElement.replace(':GameName',GameName).replace(':Thumbnail',GameThumbnail).replace(':Likes', data.rating.likes).replace(':Dislikes', data.rating.dislikes);
.replace(':Thumbnail', GameThumbnail) NewGameContainer.href = '/places/' + element
.replace(':Likes', data.rating.likes)
.replace(':Dislikes', data.rating.dislikes);
NewGameContainer.href = '/places/' + element;
/* /*
if (new Date().getDate() >= new Date(data.updatedAt).getDate()) { if (new Date().getDate() >= new Date(data.updatedAt).getDate()) {
@ -140,66 +137,66 @@ function PinnedGames() {
NewContainer.children[0].appendChild(NewGameContainer); NewContainer.children[0].appendChild(NewGameContainer);
}) })
.catch((error) => { .catch(error => {
console.error('Error:', error); console.error('Error:', error);
}); });
}); });
} }
function BestFriends() { function BestFriends() {
Array.from(document.querySelectorAll('[bestFriend]')).forEach((element) => { Array.from(document.querySelectorAll('[bestFriend]')).forEach(element => {
element.removeAttribute('bestFriend'); element.removeAttribute('bestFriend')
element.getElementsByClassName('friend-name')[0].style.color = 'initial'; element.getElementsByClassName('friend-name')[0].style.color = 'initial';
FriendContainer.appendChild(element); FriendContainer.appendChild(element)
}); });
if (BestFriendsData.length === 0) { if (BestFriendsData.length === 0) {
BestFriendsContainer.style.visibility = 'hidden'; BestFriendsContainer.style.visibility = 'hidden'
BestFriendsContainer.style.padding = '0px !important'; BestFriendsContainer.style.padding = '0px !important'
BestFriendsContainer.style.margin = '0px !important'; BestFriendsContainer.style.margin = '0px !important'
} else { } else {
BestFriendsContainer.style.visibility = 'visible'; BestFriendsContainer.style.visibility = 'visible'
BestFriendsContainer.style.padding = ''; BestFriendsContainer.style.padding = ''
BestFriendsContainer.style.margin = ''; BestFriendsContainer.style.margin = ''
} }
BestFriendsData.forEach((element) => { BestFriendsData.forEach(element => {
let ExistingFriend = document.getElementById('friend-' + element); let ExistingFriend = document.getElementById('friend-' + element)
if (ExistingFriend) { if (ExistingFriend) {
ExistingFriend.setAttribute('bestFriend', 'true'); ExistingFriend.setAttribute('bestFriend', 'true')
ExistingFriend.getElementsByClassName('friend-name')[0].style.color = 'yellow'; ExistingFriend.getElementsByClassName('friend-name')[0].style.color = 'yellow';
BestFriendsContainer.prepend(ExistingFriend); BestFriendsContainer.prepend(ExistingFriend)
} }
}); });
} }
var SecondaryColumn = document.getElementsByClassName('col-lg-8')[0]; var SecondaryColumn = document.getElementsByClassName('col-lg-8')[0]
SecondaryColumn.insertBefore(NewContainer, SecondaryColumn.children[0]); SecondaryColumn.insertBefore(NewContainer, SecondaryColumn.children[0]);
SecondaryColumn.insertBefore(NewTitle, SecondaryColumn.children[0]); SecondaryColumn.insertBefore(NewTitle, SecondaryColumn.children[0]);
async function IRLPrice() { async function IRLPrice() {
(async () => { (async () => {
Utilities = await import(chrome.runtime.getURL('resources/utils.js')); Utilities = await import(chrome.runtime.getURL('resources/utils.js'));
Utilities = Utilities.default; Utilities = Utilities.default
const TrendingItems = document.getElementById('home-trendingItems'); const TrendingItems = document.getElementById('home-trendingItems')
for (let item of TrendingItems.children[1].getElementsByClassName('d-flex')[0].children) { for (let item of TrendingItems.children[1].getElementsByClassName('d-flex')[0].children) {
const Price = item.getElementsByClassName('text-success')[0]; const Price = item.getElementsByClassName('text-success')[0]
if (Price !== undefined) { if (Price !== undefined) {
const IRLResult = await Utilities.CalculateIRL(Price.innerText, Settings.IRLPriceWithCurrency.Currency); const IRLResult = await Utilities.CalculateIRL(Price.innerText, Settings.IRLPriceWithCurrency.Currency)
let Span = document.createElement('span'); let Span = document.createElement('span')
Span.classList = 'text-muted polyplus-price-tag'; Span.classList = 'text-muted polyplus-price-tag'
Span.style = 'font-size: 0.7rem; font-weight: lighter;'; Span.style = 'font-size: 0.7rem; font-weight: lighter;'
Span.innerText = '($' + IRLResult.result + ' ' + IRLResult.display + ')'; Span.innerText = "($" + IRLResult.result + " " + IRLResult.display + ")"
Price.appendChild(Span); Price.appendChild(Span)
} }
} }
})(); })();
} }
async function ShowFriendCount() { async function ShowFriendCount() {
let FriendCount = (await (await fetch('https://polytoria.com/api/friends?page=1')).json()).meta.total; let FriendCount = (await (await fetch('https://polytoria.com/api/friends?page=1')).json()).meta.total
/* /*
const FirstPage = (await (await fetch('https://polytoria.com/api/friends?page=1')).json()) const FirstPage = (await (await fetch('https://polytoria.com/api/friends?page=1')).json())
if (FirstPage.meta.lastPage > 1) { if (FirstPage.meta.lastPage > 1) {
@ -210,9 +207,9 @@ async function ShowFriendCount() {
} }
*/ */
const CountText = document.createElement('small'); const CountText = document.createElement('small')
CountText.classList = 'text-muted fw-lighter'; CountText.classList = 'text-muted fw-lighter'
CountText.style.fontSize = '0.8rem'; CountText.style.fontSize = '0.8rem'
CountText.innerText = ' (' + FriendCount + ')'; CountText.innerText = ' (' + FriendCount + ')'
document.querySelector('#home-friendsOnline h5').appendChild(CountText); document.querySelector('#home-friendsOnline h5').appendChild(CountText)
} }

54
js/account/inbox.js
View file

@ -1,47 +1,47 @@
ExpandMessages(); ExpandMessages()
function ExpandMessages() { function ExpandMessages() {
const Messages = document.getElementById('messages'); const Messages = document.getElementById('messages')
for (let message of Messages.children) { for (let message of Messages.children) {
let Expanded = false; let Expanded = false
let ContentDiv = null; let ContentDiv = null
const ViewButton = message.querySelector('a.btn[href^="/inbox/messages"]'); const ViewButton = message.querySelector('a.btn[href^="/inbox/messages"]')
const MessageID = ViewButton.getAttribute('href').split('/')[3]; const MessageID = ViewButton.getAttribute('href').split('/')[3]
const ExpandButton = document.createElement('button'); const ExpandButton = document.createElement('button')
ExpandButton.classList = 'btn btn-outline-warning px-4 mt-1'; ExpandButton.classList = 'btn btn-outline-warning px-4 mt-1'
ExpandButton.innerText = 'Expand'; ExpandButton.innerText = 'Expand'
ViewButton.parentElement.appendChild(ExpandButton); ViewButton.parentElement.appendChild(ExpandButton)
ExpandButton.addEventListener('click', function () { ExpandButton.addEventListener('click', function(){
if (ContentDiv === null) { if (ContentDiv === null) {
fetch('https://polytoria.com/inbox/messages/' + MessageID) fetch('https://polytoria.com/inbox/messages/'+MessageID)
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network not ok'); throw new Error('Network not ok')
} }
return response.text(); return response.text()
}) })
.then((data) => { .then(data => {
const Doc = new DOMParser().parseFromString(data, 'text/html'); const Doc = new DOMParser().parseFromString(data, 'text/html')
const MessageContent = Doc.querySelector('p.mb-0').innerText; const MessageContent = Doc.querySelector('p.mb-0').innerText
ContentDiv = document.createElement('div'); ContentDiv = document.createElement('div')
ContentDiv.classList = 'py-2'; ContentDiv.classList = 'py-2'
ContentDiv.innerText = MessageContent; ContentDiv.innerText = MessageContent
message.appendChild(ContentDiv); message.appendChild(ContentDiv)
}) })
.catch((error) => { .catch(error => {
console.log(error); console.log(error)
}); });
} }
Expanded = !Expanded; Expanded = !Expanded
ExpandButton.innerText = Expanded === false ? 'Expand' : 'Minimize'; ExpandButton.innerText = (Expanded === false) ? 'Expand' : 'Minimize'
ContentDiv.style.display = Expanded === false ? 'none' : 'block'; ContentDiv.style.display = (Expanded === false) ? 'none' : 'block'
}); });
} }
} }

150
js/account/inventory.js
View file

@ -1,19 +1,19 @@
if (window.location.pathname.split('/')[3] === 'inventory') { if (window.location.pathname.split('/')[3] === "inventory") {
const UserID = window.location.pathname.split('/')[2]; const UserID = window.location.pathname.split('/')[2]
if (UserID === JSON.parse(window.localStorage.getItem('p+account_info')).ID) { if (UserID === JSON.parse(window.localStorage.getItem('p+account_info')).ID) {
let Nav = document.getElementsByClassName('nav-pills')[0]; let Nav = document.getElementsByClassName('nav-pills')[0]
let WishlistNav = document.createElement('li'); let WishlistNav = document.createElement('li')
WishlistNav.classList.add('nav-item'); WishlistNav.classList.add('nav-item')
WishlistNav.innerHTML = ` WishlistNav.innerHTML = `
<a href="/users/${UserID}/inventory/wishlist/" class="nav-link"> <a href="/users/${UserID}/inventory/wishlist/" class="nav-link">
<i class="fa-regular fa-sparkles me-1"></i> <i class="fa-regular fa-sparkles me-1"></i>
<span class="pilltitle">Item Wishlist</span> <span class="pilltitle">Item Wishlist</span>
</a> </a>
`; `
Nav.appendChild(WishlistNav); Nav.appendChild(WishlistNav)
if (window.location.pathname.split('/')[4] === 'wishlist') { if (window.location.pathname.split('/')[4] === "wishlist") {
const ItemGrid = document.getElementsByClassName('itemgrid')[0]; const ItemGrid = document.getElementsByClassName('itemgrid')[0]
const ItemCardContents = ` const ItemCardContents = `
<a href="/store/:ItemID" class="text-reset"> <a href="/store/:ItemID" class="text-reset">
<div class="card mb-2"> <div class="card mb-2">
@ -30,22 +30,22 @@ if (window.location.pathname.split('/')[3] === 'inventory') {
by <a href="/users/:CreatorID" class="text-muted">:CreatorName</a> by <a href="/users/:CreatorID" class="text-muted">:CreatorName</a>
</small> </small>
<button class="polyplus-itemwish-removebtn btn btn-danger btn-sm" style="width: 100%;">X</button> <button class="polyplus-itemwish-removebtn btn btn-danger btn-sm" style="width: 100%;">X</button>
`; `
Array.from(ItemGrid.children).forEach((element) => { Array.from(ItemGrid.children).forEach(element => {
element.remove(); element.remove();
}); });
Array.from(Nav.children).forEach((element) => { Array.from(Nav.children).forEach(element => {
element = element.children[0]; element = element.children[0]
if (!(element === WishlistNav)) { if (!(element === WishlistNav)) {
if (element.classList.contains('active')) { if (element.classList.contains('active')) {
element.classList.remove('active'); element.classList.remove('active')
} }
} }
}); });
WishlistNav.children[0].classList.add('active'); WishlistNav.children[0].classList.add('active')
const Search = document.createElement('div'); const Search = document.createElement('div')
Search.classList = 'row'; Search.classList = 'row'
Search.innerHTML = ` Search.innerHTML = `
<div class="col-auto"> <div class="col-auto">
<select class="form-select" id="polyplus-itemwish-type" style="width: 150px;"> <select class="form-select" id="polyplus-itemwish-type" style="width: 150px;">
@ -78,77 +78,73 @@ if (window.location.pathname.split('/')[3] === 'inventory') {
</label> </label>
</div> </div>
</div> </div>
`; `
ItemGrid.parentElement.prepend(document.createElement('br'), ItemGrid.parentElement.children[0]); ItemGrid.parentElement.prepend(document.createElement('br'), ItemGrid.parentElement.children[0])
ItemGrid.parentElement.prepend(Search, ItemGrid.parentElement.children[0]); ItemGrid.parentElement.prepend(Search, ItemGrid.parentElement.children[0])
let Type = document.getElementById('polyplus-itemwish-type'); let Type = document.getElementById('polyplus-itemwish-type')
let SearchBar = document.getElementById('polyplus-itemwish-searchbar'); let SearchBar = document.getElementById('polyplus-itemwish-searchbar')
let IsLimited = document.getElementById('polyplus-itemwish-isLimited'); let IsLimited = document.getElementById('polyplus-itemwish-isLimited')
let IsAvailable = document.getElementById('polyplus-itemwish-isAvailable'); let IsAvailable = document.getElementById('polyplus-itemwish-isAvailable')
Type.addEventListener('change', function () { Type.addEventListener('change', function(){
Update(Type.options[Type.selectedIndex].value, SearchBar.value, IsLimited.checked, IsAvailable.checked); Update(Type.options[Type.selectedIndex].value, SearchBar.value, IsLimited.checked, IsAvailable.checked)
}); });
SearchBar.addEventListener('change', function () { SearchBar.addEventListener('change', function(){
Update(Type.options[Type.selectedIndex].value, SearchBar.value, IsLimited.checked, IsAvailable.checked); Update(Type.options[Type.selectedIndex].value, SearchBar.value, IsLimited.checked, IsAvailable.checked)
}); });
IsLimited.addEventListener('change', function () { IsLimited.addEventListener('change', function(){
Update(Type.options[Type.selectedIndex].value, SearchBar.value, IsLimited.checked, IsAvailable.checked); Update(Type.options[Type.selectedIndex].value, SearchBar.value, IsLimited.checked, IsAvailable.checked)
}); });
IsAvailable.addEventListener('change', function () { IsAvailable.addEventListener('change', function(){
Update(Type.options[Type.selectedIndex].value, SearchBar.value, IsLimited.checked, IsAvailable.checked); Update(Type.options[Type.selectedIndex].value, SearchBar.value, IsLimited.checked, IsAvailable.checked)
}); });
chrome.storage.sync.get(['PolyPlus_ItemWishlist'], function (result) { chrome.storage.sync.get(['PolyPlus_ItemWishlist'], function(result){
let Wishlist = result.PolyPlus_ItemWishlist || []; let Wishlist = result.PolyPlus_ItemWishlist || [];
console.log('wishlist: ', Wishlist); console.log('wishlist: ', Wishlist)
Wishlist.forEach((element) => { Wishlist.forEach(element => {
let NewItemCard = document.createElement('div'); let NewItemCard = document.createElement('div')
NewItemCard.classList = 'px-0'; NewItemCard.classList = 'px-0'
fetch('https://api.polytoria.com/v1/store/:id'.replace(':id', element)) fetch('https://api.polytoria.com/v1/store/:id'.replace(':id', element))
.then((response) => response.json()) .then(response => response.json())
.then((data) => { .then(data => {
NewItemCard.innerHTML = ItemCardContents.replace(':ItemID', data.id) NewItemCard.innerHTML = ItemCardContents.replace(':ItemID', data.id).replace(':ItemThumbnail', data.thumbnail).replace(':ItemName', data.name).replace(':CreatorID', data.creator.id).replace(':CreatorName', data.creator.name)
.replace(':ItemThumbnail', data.thumbnail)
.replace(':ItemName', data.name)
.replace(':CreatorID', data.creator.id)
.replace(':CreatorName', data.creator.name);
if (data.isLimited === true) { if (data.isLimited === true) {
NewItemCard.innerHTML = NewItemCard.innerHTML.replace(':LimitedTag', '<div class="ribbon ribbon-limited ribbon-top-right"><span>Limited</span></div>'); NewItemCard.innerHTML = NewItemCard.innerHTML.replace(':LimitedTag', '<div class="ribbon ribbon-limited ribbon-top-right"><span>Limited</span></div>')
} else { } else {
NewItemCard.innerHTML = NewItemCard.innerHTML.replace(':LimitedTag', ''); NewItemCard.innerHTML = NewItemCard.innerHTML.replace(':LimitedTag', '')
} }
NewItemCard.setAttribute('data-id', data.id); NewItemCard.setAttribute('data-id', data.id)
NewItemCard.setAttribute('data-name', data.name); NewItemCard.setAttribute('data-name', data.name)
NewItemCard.setAttribute('data-type', data.type); NewItemCard.setAttribute('data-type', data.type)
NewItemCard.setAttribute('data-creator', data.creator.name); NewItemCard.setAttribute('data-creator', data.creator.name)
NewItemCard.setAttribute('data-limited', data.isLimited); NewItemCard.setAttribute('data-limited', data.isLimited)
if (data.isLimited === false) { if (data.isLimited === false) {
NewItemCard.setAttribute('data-price', data.price); NewItemCard.setAttribute('data-price', data.price)
} }
ItemGrid.appendChild(NewItemCard); ItemGrid.appendChild(NewItemCard)
NewItemCard.getElementsByClassName('polyplus-itemwish-removebtn')[0].addEventListener('click', function () { NewItemCard.getElementsByClassName('polyplus-itemwish-removebtn')[0].addEventListener('click', function(){
let Index = Wishlist.indexOf(parseInt(NewItemCard.getAttribute('data-id'))); let Index = Wishlist.indexOf(parseInt(NewItemCard.getAttribute('data-id')))
if (Index === -1) { if (Index === -1) {
NewItemCard.remove(); NewItemCard.remove();
return; return
} else { } else {
Wishlist.splice(Index, 1); Wishlist.splice(Index, 1)
console.log(Wishlist); console.log(Wishlist)
NewItemCard.remove(); NewItemCard.remove();
} }
chrome.storage.sync.set({PolyPlus_ItemWishlist: Wishlist, arrayOrder: true}, function () { chrome.storage.sync.set({'PolyPlus_ItemWishlist': Wishlist, arrayOrder: true}, function() {
console.log('ItemWishlist successfully saved: ' + ItemWishlist); console.log('ItemWishlist successfully saved: ' + ItemWishlist)
}); });
}); });
}) })
.catch((error) => { .catch(error => {
console.error('Error:', error); console.error('Error:', error);
}); });
}); });
@ -158,41 +154,33 @@ if (window.location.pathname.split('/')[3] === 'inventory') {
} }
function Update(type, query, isLimited, isAvailable) { function Update(type, query, isLimited, isAvailable) {
let ItemGrid = document.getElementsByClassName('itemgrid')[0]; let ItemGrid = document.getElementsByClassName('itemgrid')[0]
let BrickBalance = parseInt(JSON.parse(window.localStorage.getItem('p+account_info')).Bricks); let BrickBalance = parseInt(JSON.parse(window.localStorage.getItem('p+account_info')).Bricks)
query = query.toLowerCase(); query = query.toLowerCase();
let Results = Array.from(ItemGrid.children); let Results = Array.from(ItemGrid.children)
for (let i = 0; i < Results.length; i++) { for (let i = 0; i < Results.length; i++) {
let Show = true; let Show = true
console.log('type: ', type); console.log('type: ', type)
if (!(type === 'any')) { if (!(type === 'any')) {
console.log("isn't any"); console.log('isn\'t any')
if (!(Results[i].getAttribute('data-type') === type)) { if (!(Results[i].getAttribute('data-type') === type)) {Show = false}
Show = false;
}
} }
if (!Results[i].getAttribute('data-name').toLowerCase().startsWith(query)) { if (!(Results[i].getAttribute('data-name').toLowerCase().startsWith(query))) {Show = false}
Show = false;
}
if (isLimited === true) { if (isLimited === true) {
if (!(Results[i].getAttribute('data-limited') === 'true')) { if (!(Results[i].getAttribute('data-limited') === 'true')) {Show = false}
Show = false;
}
} }
if (isAvailable === true) { if (isAvailable === true) {
if (!(parseInt(Results[i].getAttribute('data-price')) <= BrickBalance)) { if (!(parseInt(Results[i].getAttribute('data-price')) <= BrickBalance)) {Show = false}
Show = false;
}
} }
if (Show === true) { if (Show === true) {
Results[i].style.display = 'block'; Results[i].style.display = 'block'
} else { } else {
Results[i].style.display = 'none'; Results[i].style.display = 'none'
} }
} }
} }

208
js/account/profile.js
View file

@ -1,6 +1,6 @@
let UserID = window.location.pathname.split('/')[2]; let UserID = window.location.pathname.split('/')[2];
const AvatarRow = document.getElementsByClassName('d-flex flex-row flex-nowrap overflow-x-scroll px-3 px-lg-0 mb-2 mb-lg-0')[0]; const AvatarRow = document.getElementsByClassName('d-flex flex-row flex-nowrap overflow-x-scroll px-3 px-lg-0 mb-2 mb-lg-0')[0]
const AvatarHeading = document.querySelector('.section-title:has(i.fa-user-crown)'); const AvatarHeading = document.querySelector('.section-title:has(i.fa-user-crown)')
var Settings; var Settings;
var BestFriends; var BestFriends;
@ -11,121 +11,119 @@ let Utilities;
if (UserID) { if (UserID) {
(async () => { (async () => {
UserID = (await (await fetch('https://api.polytoria.com/v1/users/')).json()).id; UserID = (await (await fetch('https://api.polytoria.com/v1/users/')).json()).id
Utilities = await import(chrome.runtime.getURL('resources/utils.js')); Utilities = await import(chrome.runtime.getURL('resources/utils.js'));
Utilities = Utilities.default; Utilities = Utilities.default
chrome.storage.sync.get(['PolyPlus_Settings'], function (result) { chrome.storage.sync.get(['PolyPlus_Settings'], function(result) {
Settings = result.PolyPlus_Settings || {}; Settings = result.PolyPlus_Settings || {}
if (Settings.IRLPriceWithCurrency.Enabled === true) { if (Settings.IRLPriceWithCurrency.Enabled === true) {
IRLPrice(); IRLPrice()
} }
if (Settings.BestFriendsOn === true) { if (Settings.BestFriendsOn === true) {
BestFriends(); BestFriends()
} }
if (Settings.OutfitCostOn === true) { if (Settings.OutfitCostOn === true) {
CalculateButton = document.createElement('small'); CalculateButton = document.createElement('small')
CalculateButton.classList = 'fw-normal text-success'; CalculateButton.classList = 'fw-normal text-success'
CalculateButton.style.letterSpacing = '0px'; CalculateButton.style.letterSpacing = '0px'
CalculateButton.setAttribute('data-bs-toggle', 'tooltip'); CalculateButton.setAttribute('data-bs-toggle', 'tooltip')
CalculateButton.setAttribute('data-bs-title', "Calculate this avatar's cost!"); CalculateButton.setAttribute('data-bs-title', 'Calculate this avatar\'s cost!')
CalculateButton.setAttribute('data-bs-placement', 'right'); CalculateButton.setAttribute('data-bs-placement', 'right')
CalculateButton.innerHTML = ` CalculateButton.innerHTML = `
<a class="text-decoration-underline text-success" style="text-decoration-color: rgb(15, 132, 79) !important;">$ calculate</a> <a class="text-decoration-underline text-success" style="text-decoration-color: rgb(15, 132, 79) !important;">$ calculate</a>
`; `
AvatarHeading.appendChild(CalculateButton); AvatarHeading.appendChild(CalculateButton)
Utilities.InjectResource('registerTooltips'); Utilities.InjectResource('registerTooltips')
let Calculating = false; let Calculating = false
CalculateButton.addEventListener('click', function () { CalculateButton.addEventListener('click', function(){
if (Calculating === false) { if (Calculating === false) {
Calculating = true; Calculating = true
CalculateButton.innerText = '$ Calculating...'; CalculateButton.innerText = '$ Calculating...'
OutfitCost(); OutfitCost()
} }
}); });
} }
}); });
})(); })();
const AvatarIFrame = document.querySelector('[src^="/ptstatic"]'); const AvatarIFrame = document.querySelector('[src^="/ptstatic"]')
const DropdownMenu = document.getElementsByClassName('dropdown-menu dropdown-menu-right')[0]; const DropdownMenu = document.getElementsByClassName('dropdown-menu dropdown-menu-right')[0]
const CopyItem = document.createElement('a'); const CopyItem = document.createElement('a')
CopyItem.classList = 'dropdown-item text-primary'; CopyItem.classList = 'dropdown-item text-primary'
CopyItem.href = '#'; CopyItem.href = '#'
CopyItem.innerHTML = ` CopyItem.innerHTML = `
<i class="fa-duotone fa-book"></i> <i class="fa-duotone fa-book"></i>
Copy 3D Avatar URL Copy 3D Avatar URL
`; `
DropdownMenu.appendChild(CopyItem); DropdownMenu.appendChild(CopyItem)
CopyItem.addEventListener('click', function () { CopyItem.addEventListener('click', function(){
navigator.clipboard navigator.clipboard.writeText(AvatarIFrame.src)
.writeText(AvatarIFrame.src)
.then(() => { .then(() => {
alert('Successfully copied 3D avatar URL!'); alert('Successfully copied 3D avatar URL!')
}) })
.catch(() => { .catch(() => {
alert('Failure to copy 3D avatar URL.'); alert('Failure to copy 3D avatar URL.')
}); });
}); });
const ShareItem = document.createElement('a'); const ShareItem = document.createElement('a')
ShareItem.classList = 'dropdown-item text-warning'; ShareItem.classList = 'dropdown-item text-warning'
ShareItem.href = '#'; ShareItem.href = '#'
ShareItem.innerHTML = ` ShareItem.innerHTML = `
<i class="fa-duotone fa-book"></i> <i class="fa-duotone fa-book"></i>
Share your 3D Avatar URL! Share your 3D Avatar URL!
`; `
DropdownMenu.appendChild(ShareItem); DropdownMenu.appendChild(ShareItem)
ShareItem.addEventListener('click', function () { ShareItem.addEventListener('click', function(){
navigator.clipboard navigator.clipboard.writeText("Hey! Look at my Polytoria avatar in 3D [here](" + AvatarIFrame.src + ")!")
.writeText('Hey! Look at my Polytoria avatar in 3D [here](' + AvatarIFrame.src + ')!')
.then(() => { .then(() => {
alert('Successfully copied sharable 3D avatar URL!'); alert('Successfully copied sharable 3D avatar URL!')
}) })
.catch(() => { .catch(() => {
alert('Failure to copy sharable 3D avatar URL.'); alert('Failure to copy sharable 3D avatar URL.')
}); });
}); });
} else if (UserID && UserID[0] === '@') { } else if (UserID && UserID[0] === "@") {
const Username = window.location.pathname.split('/')[2].substring(1); const Username = window.location.pathname.split('/')[2].substring(1)
let Reference = new URLSearchParams(new URL(window.location.href).search); let Reference = new URLSearchParams(new URL(window.location.href).search)
if (!Reference.has('ref')) { if (!Reference.has('ref')) {
Reference = ''; Reference = ""
} }
fetch('https://api.polytoria.com/v1/users/find?username=' + Username) fetch("https://api.polytoria.com/v1/users/find?username=" + Username)
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
window.location.href = window.location.origin + decodeURIComponent(Reference.get('ref')); window.location.href = window.location.origin + decodeURIComponent(Reference.get('ref'))
} else { } else {
return response.json(); return response.json()
} }
}) })
.then((data) => { .then(data => {
window.location.href = 'https://polytoria.com/users/' + data.id; window.location.href = "https://polytoria.com/users/" + data.id
}) })
.catch((error) => { .catch(error => {
console.log('An error occurred:', error); console.log("An error occurred:", error);
}); });
} }
async function IRLPrice() { async function IRLPrice() {
const NetWorthElement = document.getElementsByClassName('float-end text-success')[0]; const NetWorthElement = document.getElementsByClassName('float-end text-success')[0];
const IRLResult = await Utilities.CalculateIRL(NetWorthElement.innerText, Settings.IRLPriceWithCurrency.Currency); const IRLResult = await Utilities.CalculateIRL(NetWorthElement.innerText, Settings.IRLPriceWithCurrency.Currency)
NetWorthElement.innerHTML = NetWorthElement.innerHTML + '<div class="text-muted" style="font-size: 0.6rem;">(' + IRLResult.icon + IRLResult.result + ' ' + IRLResult.display + ')</div>'; NetWorthElement.innerHTML = NetWorthElement.innerHTML + '<div class="text-muted" style="font-size: 0.6rem;">(' + IRLResult.icon + IRLResult.result + ' ' + IRLResult.display + ')</div>'
} }
function BestFriends() { function BestFriends() {
chrome.storage.sync.get(['PolyPlus_BestFriends'], function (result) { chrome.storage.sync.get(['PolyPlus_BestFriends'], function(result){
BestFriends = result.PolyPlus_BestFriends || []; BestFriends = result.PolyPlus_BestFriends || [];
FavoriteBtn = document.createElement('button'); FavoriteBtn = document.createElement('button');
@ -137,73 +135,71 @@ function BestFriends() {
FavoriteBtn.innerText = 'Best Friend'; FavoriteBtn.innerText = 'Best Friend';
} }
} else { } else {
FavoriteBtn.innerText = 'Remove Best Friend Status (max ' + Utilities.Limits.BestFriends + '/' + Utilities.Limits.BestFriends + ')'; FavoriteBtn.innerText = 'Remove Best Friend Status (max ' + Utilities.Limits.BestFriends + '/' + Utilities.Limits.BestFriends + ')'
} }
if (UserID !== JSON.parse(window.localStorage.getItem('p+account_info')).ID && document.getElementById('add-friend-button').classList.contains('btn-success') === false) { if (UserID !== JSON.parse(window.localStorage.getItem('p+account_info')).ID && document.getElementById('add-friend-button').classList.contains('btn-success') === false) {
FavoriteBtn.addEventListener('click', function () { FavoriteBtn.addEventListener('click', function() {
Fav(UserID, FavoriteBtn); Fav(UserID, FavoriteBtn);
}); });
} else { } else {
FavoriteBtn.style.display = 'none'; FavoriteBtn.style.display = 'none'
} }
document.querySelectorAll('.section-title.px-3.px-lg-0.mt-3')[0].appendChild(FavoriteBtn); document.querySelectorAll('.section-title.px-3.px-lg-0.mt-3')[0].appendChild(FavoriteBtn);
function Fav(UserID, btn) { function Fav(UserID, btn) {
if (UserID === JSON.parse(window.localStorage.getItem('p+account_info')).ID) { if (UserID === JSON.parse(window.localStorage.getItem('p+account_info')).ID) { return }
return; btn.setAttribute('disabled', 'true')
}
btn.setAttribute('disabled', 'true');
chrome.storage.sync.get(['PolyPlus_BestFriends'], function (result) { chrome.storage.sync.get(['PolyPlus_BestFriends'], function(result) {
const BestFriends = result.PolyPlus_BestFriends || []; const BestFriends = result.PolyPlus_BestFriends || [];
const index = BestFriends.indexOf(parseInt(UserID)); const index = BestFriends.indexOf(parseInt(UserID));
if (index !== -1) { if (index !== -1) {
// Number exists, remove it // Number exists, remove it
BestFriends.splice(index, 1); BestFriends.splice(index, 1);
btn.innerText = 'Best Friend'; btn.innerText = "Best Friend"
console.log('Number', parseInt(UserID), 'removed from BestFriends'); console.log('Number', parseInt(UserID), 'removed from BestFriends');
} else { } else {
// Number doesn't exist, add it // Number doesn't exist, add it
BestFriends.push(parseInt(UserID)); BestFriends.push(parseInt(UserID));
btn.innerText = 'Remove Best Friend Status'; btn.innerText = "Remove Best Friend Status"
console.log('Number', parseInt(UserID), 'added to BestFriends'); console.log('Number', parseInt(UserID), 'added to BestFriends');
} }
chrome.storage.sync.set({PolyPlus_BestFriends: BestFriends, arrayOrder: true}, function () { chrome.storage.sync.set({ 'PolyPlus_BestFriends': BestFriends, arrayOrder: true }, function() {
console.log('BestFriends saved successfully!'); console.log('BestFriends saved successfully!');
setTimeout(function () { setTimeout(function() {
btn.removeAttribute('disabled'); btn.removeAttribute('disabled')
}, 1500); }, 1500)
}); });
}); });
} }
}); });
chrome.storage.onChanged.addListener(function (changes, namespace) { chrome.storage.onChanged.addListener(function(changes, namespace) {
if ('PolyPlus_BestFriends' in changes) { if ('PolyPlus_BestFriends' in changes) {
chrome.storage.sync.get(['PolyPlus_BestFriends'], function (result) { chrome.storage.sync.get(['PolyPlus_BestFriends'], function(result) {
BestFriends = result.PolyPlus_BestFriends || []; BestFriends = result.PolyPlus_BestFriends || [];
if (!(BestFriends.length === Utilities.Limits.BestFriends)) { if (!(BestFriends.length === Utilities.Limits.BestFriends)) {
if (Array.isArray(BestFriends) && BestFriends.includes(parseInt(UserID))) { if (Array.isArray(BestFriends) && BestFriends.includes(parseInt(UserID))) {
FavoriteBtn.innerText = 'Remove Best Friend Status'; FavoriteBtn.innerText = 'Remove Best Friend Status'
} else { } else {
FavoriteBtn.innerText = 'Best Friend'; FavoriteBtn.innerText = 'Best Friend'
} }
} else { } else {
FavoriteBtn.innerText = 'Remove Best Friend Status (max ' + Utilities.Limits.BestFriends + '/' + Utilities.Limits.BestFriends + ')'; FavoriteBtn.innerText = 'Remove Best Friend Status (max ' + Utilities.Limits.BestFriends + '/' + Utilities.Limits.BestFriends + ')'
} }
}); });
} }
}); });
function ClearBestFriends() { function ClearBestFriends(){
chrome.storage.sync.set({PolyPlus_BestFriends: {BestFriends: []}, arrayOrder: true}, function () { chrome.storage.sync.set({ 'PolyPlus_BestFriends': {"BestFriends": []}, arrayOrder: true }, function() {
console.log('BestFriends saved successfully!'); console.log('BestFriends saved successfully!');
setTimeout(function () { setTimeout(function() {
btn.removeAttribute('disabled'); btn.removeAttribute('disabled')
}, 1500); }, 1500)
}); });
} }
} }
@ -214,40 +210,38 @@ async function OutfitCost() {
Collectibles: 0, Collectibles: 0,
Offsale: 0, Offsale: 0,
HasProfileTheme: false HasProfileTheme: false
}; }
for (let item of AvatarRow.children) { for (let item of AvatarRow.children) {
const ItemID = item.getElementsByTagName('a')[0].href.split('/')[4]; const ItemID = item.getElementsByTagName('a')[0].href.split('/')[4]
await fetch('https://api.polytoria.com/v1/store/' + ItemID) await fetch('https://api.polytoria.com/v1/store/'+ItemID)
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network not ok'); throw new Error('Network not ok')
} }
return response.json(); return response.json()
}) })
.then((data) => { .then(data => {
let Price = data.price; let Price = data.price
if (data.isLimited === true) { if (data.isLimited === true) {
AvatarCost.Collectibles += 1; AvatarCost.Collectibles += 1
Price = data.averagePrice; Price = data.averagePrice
} else if (data.sales === 0) { } else if (data.sales === 0) {
AvatarCost.Offsale += 1; AvatarCost.Offsale += 1
Price = 0; Price = 0
} else if (data.type === 'profileTheme') { } else if (data.type === 'profileTheme') {
AvatarCost.HasProfileTheme = true; AvatarCost.HasProfileTheme = true
Price = 0; Price = 0
} }
AvatarCost.Total += Price; AvatarCost.Total += Price
}) })
.catch((error) => { .catch(error => {console.log(error)});
console.log(error);
});
} }
const ResultText = document.createElement('small'); const ResultText = document.createElement('small')
ResultText.classList = 'fw-normal text-success'; ResultText.classList = 'fw-normal text-success'
ResultText.style.letterSpacing = '0px'; ResultText.style.letterSpacing = '0px'
ResultText.innerHTML = `(<i class="pi pi-brick mx-1"></i> ${AvatarCost.Collectibles > 0 || AvatarCost.Offsale > 0 || AvatarCost.HasProfileTheme === true ? '~' : ''}${AvatarCost.Total.toLocaleString()} | ${AvatarCost.Collectibles > 0 ? AvatarCost.Collectibles + ' collectible' : ''}${AvatarCost.Offsale > 0 ? `, ${AvatarCost.Offsale} offsale` : ''}${AvatarCost.HasProfileTheme === true ? ', profile theme excluded' : ''})`; ResultText.innerHTML = `(<i class="pi pi-brick mx-1"></i> ${ (AvatarCost.Collectibles > 0 || AvatarCost.Offsale > 0 || AvatarCost.HasProfileTheme === true) ? '~' : '' }${ AvatarCost.Total.toLocaleString() } | ${ (AvatarCost.Collectibles > 0) ? AvatarCost.Collectibles + ' collectible' : '' }${ (AvatarCost.Offsale > 0) ? `, ${AvatarCost.Offsale} offsale` : '' }${ (AvatarCost.HasProfileTheme === true) ? ', profile theme excluded' : '' })`
CalculateButton.remove(); CalculateButton.remove()
AvatarHeading.appendChild(ResultText); AvatarHeading.appendChild(ResultText)
} }

22
js/account/settings-privacy.js
View file

@ -1,17 +1,17 @@
chrome.storage.sync.get(['PolyPlus_Settings'], function (result) { chrome.storage.sync.get(['PolyPlus_Settings'], function(result){
if (result.PolyPlus_Settings.MoreSearchFiltersOn === true) { if (result.PolyPlus_Settings.MoreSearchFiltersOn === true) {
const BlockedUsersCard = document.getElementsByClassName('card-body')[1]; const BlockedUsersCard = document.getElementsByClassName('card-body')[1]
const InputGroup = document.createElement('div'); const InputGroup = document.createElement('div')
InputGroup.classList = 'input-group mb-2'; InputGroup.classList = 'input-group mb-2'
InputGroup.innerHTML = ` InputGroup.innerHTML = `
<input id="blocked-users-search" type="text" class="form-control bg-dark" placeholder="Search blocked users..."> <input id="blocked-users-search" type="text" class="form-control bg-dark" placeholder="Search blocked users...">
<button id="blocked-users-confirm" class="btn btn-secondary"><i class="fad fa-search"></i></button> <button id="blocked-users-confirm" class="btn btn-secondary"><i class="fad fa-search"></i></button>
`; `
BlockedUsersCard.insertBefore(InputGroup, BlockedUsersCard.children[0]); BlockedUsersCard.insertBefore(InputGroup, BlockedUsersCard.children[0])
const SearchBar = document.getElementById('blocked-users-search'); const SearchBar = document.getElementById('blocked-users-search')
const ConfirmBtn = document.getElementById('blocked-users-confirm'); const ConfirmBtn = document.getElementById('blocked-users-confirm')
ConfirmBtn.addEventListener('click', function () { ConfirmBtn.addEventListener('click', function(){
SearchBlockedUsers(SearchBar.value); SearchBlockedUsers(SearchBar.value);
}); });
@ -20,9 +20,9 @@ chrome.storage.sync.get(['PolyPlus_Settings'], function (result) {
for (let i = 1; i < BlockedUsersCard.children.length; i++) { for (let i = 1; i < BlockedUsersCard.children.length; i++) {
let Username = BlockedUsersCard.children[i].getElementsByTagName('h5')[0].innerText.toLowerCase(); let Username = BlockedUsersCard.children[i].getElementsByTagName('h5')[0].innerText.toLowerCase();
if (Username.includes(query)) { if (Username.includes(query)) {
BlockedUsersCard.children[i].style.display = 'block'; BlockedUsersCard.children[i].style.display = 'block'
} else { } else {
BlockedUsersCard.children[i].style.display = 'none'; BlockedUsersCard.children[i].style.display = 'none'
} }
} }
} }

111
js/account/trades-outbound.js
View file

@ -1,108 +1,109 @@
var SelectedTrades = []; var SelectedTrades = []
let Parent = document.getElementsByClassName('card mcard p-5 text-center text-muted')[0].parentElement; let Parent = document.getElementsByClassName('card mcard p-5 text-center text-muted')[0].parentElement
let Text = document.createElement('p'); let Text = document.createElement('p')
Text.classList = 'mx-auto'; Text.classList = 'mx-auto'
Text.style.textAlign = 'center'; Text.style.textAlign = 'center'
Text.style.fontSize = '1.3rem'; Text.style.fontSize = '1.3rem'
Text.innerHTML = ` Text.innerHTML = `
<span>0</span> trades selected! <span>0</span> trades selected!
<br> <br>
<button id="viewSelectionBtn" class="btn btn-primary">View Selection</button> <button id="viewSelectionBtn" class="btn btn-primary">View Selection</button>
<button id="clearSelectionBtn" class="btn btn-warning">Clear Selection</button> <button id="clearSelectionBtn" class="btn btn-warning">Clear Selection</button>
<button id="cancelSelectionBtn" class="btn btn-danger">Cancel Selected Trades</button> <button id="cancelSelectionBtn" class="btn btn-danger">Cancel Selected Trades</button>
`; `
Parent.insertBefore(Text, Parent.children[0]); Parent.insertBefore(Text, Parent.children[0])
let Text_Span = Text.querySelector('span'); let Text_Span = Text.querySelector('span');
let Text_View = document.getElementById('viewSelectionBtn'); let Text_View = document.getElementById('viewSelectionBtn');
let Text_Clear = document.getElementById('clearSelectionBtn'); let Text_Clear = document.getElementById('clearSelectionBtn');
let Text_Cancel = document.getElementById('cancelSelectionBtn'); let Text_Cancel = document.getElementById('cancelSelectionBtn');
var ConfirmCancel = 0; var ConfirmCancel = 0
Text_View.addEventListener('click', function () {}); Text_View.addEventListener('click', function(){});
Text_Clear.addEventListener('click', function () { Text_Clear.addEventListener('click', function(){
SelectedTrades = []; SelectedTrades = []
UpdateCheckboxes(); UpdateCheckboxes();
Text_Span.innerText = SelectedTrades.length; Text_Span.innerText = SelectedTrades.length
}); });
Text_Cancel.addEventListener('click', function () { Text_Cancel.addEventListener('click', function(){
ConfirmCancel = ConfirmCancel + 1; ConfirmCancel = ConfirmCancel + 1
switch (ConfirmCancel) { switch(ConfirmCancel) {
case 0: case 0:
Text_Cancel.innerText = 'Cancel Selected Trades'; Text_Cancel.innerText = 'Cancel Selected Trades'
break; break
case 1: case 1:
Text_Cancel.innerText = 'Are you sure?'; Text_Cancel.innerText = 'Are you sure?'
break; break
case 2: case 2:
let Success = true; let Success = true
for (let i = 0; i < SelectedTrades.length; i++) { for (let i = 0; i < SelectedTrades.length; i++) {
setTimeout(function () {}, 110); setTimeout(function () {}, 110)
console.log(SelectedTrades[i]); console.log(SelectedTrades[i])
fetch('https://polytoria.com/api/trade/decline', { fetch('https://polytoria.com/api/trade/decline', {
method: 'POST', method: 'POST',
headers: { headers: {
'Content-Type': 'application/json', 'Content-Type': 'application/json',
'X-CSRF-Token': document.querySelector('input[name="_csrf"]').value 'X-CSRF-Token': document.querySelector('input[name="_csrf"]').value
}, },
body: JSON.stringify({id: SelectedTrades[i]}) body: JSON.stringify({ id: SelectedTrades[i] }),
}).catch((error) => { })
.catch(error => {
// Handle any errors // Handle any errors
console.error('Error:', error); console.error('Error:', error);
Success = false; Success = false
}); });
} }
SelectedTrades = []; SelectedTrades = []
UpdateCheckboxes(); UpdateCheckboxes();
Text_Cancel.innerText = 'Cancel Selected Trades'; Text_Cancel.innerText = 'Cancel Selected Trades'
ConfirmCancel = 0; ConfirmCancel = 0
break; break
} }
}); });
LoadCheckBoxes(); LoadCheckBoxes();
function LoadCheckBoxes() { function LoadCheckBoxes() {
Array.from(document.getElementsByClassName('card-inbox')).forEach((element) => { Array.from(document.getElementsByClassName('card-inbox')).forEach(element => {
let ViewBtn = element.querySelector('a.btn.btn-primary'); let ViewBtn = element.querySelector('a.btn.btn-primary')
let TradeID = parseInt(ViewBtn.getAttribute('href').split('/')[3]); let TradeID = parseInt(ViewBtn.getAttribute('href').split('/')[3])
var NewCheckBox = document.createElement('button'); var NewCheckBox = document.createElement('button')
NewCheckBox.classList = 'polyplus-multicanceltr-checkbox'; NewCheckBox.classList = 'polyplus-multicanceltr-checkbox'
NewCheckBox.setAttribute('style', 'padding: 20px; background-color: #191919; border: 1px solid #393939; border-radius: 1rem; margin-left: 10px;'); NewCheckBox.setAttribute('style', 'padding: 20px; background-color: #191919; border: 1px solid #393939; border-radius: 1rem; margin-left: 10px;')
var Index = SelectedTrades.indexOf(TradeID); var Index = SelectedTrades.indexOf(TradeID)
if (Index !== -1) { if (Index !== -1) {
NewCheckBox.style.borderColor = 'lime'; NewCheckBox.style.borderColor = 'lime'
} }
ViewBtn.parentElement.appendChild(NewCheckBox); ViewBtn.parentElement.appendChild(NewCheckBox)
NewCheckBox.addEventListener('click', function () { NewCheckBox.addEventListener('click', function(){
var Index = SelectedTrades.indexOf(TradeID); var Index = SelectedTrades.indexOf(TradeID)
if (Index === -1) { if (Index === -1) {
SelectedTrades.push(TradeID); SelectedTrades.push(TradeID)
NewCheckBox.style.borderColor = 'lime'; NewCheckBox.style.borderColor = 'lime'
} else { } else {
SelectedTrades.splice(Index, 1); SelectedTrades.splice(Index, 1)
NewCheckBox.style.borderColor = '#393939'; NewCheckBox.style.borderColor = '#393939'
} }
Text_Span.innerText = SelectedTrades.length; Text_Span.innerText = SelectedTrades.length
UpdateCheckboxes(); UpdateCheckboxes();
}); });
}); });
} }
function UpdateCheckboxes() { function UpdateCheckboxes(){
document.querySelectorAll('.polyplus-multicanceltr-checkbox').forEach((element) => { document.querySelectorAll('.polyplus-multicanceltr-checkbox').forEach(element => {
let Parent = element.parentElement; let Parent = element.parentElement
let ViewBtn = Parent.querySelector('a.btn.btn-primary'); let ViewBtn = Parent.querySelector('a.btn.btn-primary')
if (element.getAttribute('disabled')) { if (element.getAttribute('disabled')) {
element.removeAttribute('disabled'); element.removeAttribute('disabled')
} }
if (SelectedTrades.IndexOf(ViewBtn.getAttribute('data-user-id')) === -1) { if (SelectedTrades.IndexOf(ViewBtn.getAttribute('data-user-id')) === -1) {
element.style.borderColor = '#393939'; element.style.borderColor = '#393939'
} else { } else {
element.style.borderColor = 'lime'; element.style.borderColor = 'lime'
if (SelectedTrades.length >= 10) { if (SelectedTrades.length >= 10) {
element.setAttribute('disabled', true); element.setAttribute('disabled', true)
} }
} }
}); })
} }

48
js/account/transactions.js
View file

@ -10,11 +10,11 @@ LoadFile(chrome.runtime.getURL('resources/currencies.json'), function(text){
let Utilities; let Utilities;
(async () => { (async () => {
Utilities = await import(chrome.runtime.getURL('resources/utils.js')); Utilities = await import(chrome.runtime.getURL('resources/utils.js'));
Utilities = Utilities.default; Utilities = Utilities.default
})(); })();
let Nav = document.getElementsByClassName('nav-pills')[0]; let Nav = document.getElementsByClassName('nav-pills')[0]
let DIV = document.createElement('div'); let DIV = document.createElement('div')
DIV.innerHTML = ` DIV.innerHTML = `
<input id="polyplus-brickconverter-input" type="number" class="form-control bg-dark mb-2" placeholder="How many Bricks?"> <input id="polyplus-brickconverter-input" type="number" class="form-control bg-dark mb-2" placeholder="How many Bricks?">
<input id="polyplus-brickconverter-output" type="text" class="form-control bg-dark mb-2" placeholder="Result" disabled> <input id="polyplus-brickconverter-output" type="text" class="form-control bg-dark mb-2" placeholder="Result" disabled>
@ -37,24 +37,24 @@ DIV.innerHTML = `
<option value="5">d</option> <option value="5">d</option>
</select> </select>
--> -->
`; `
Nav.appendChild(document.createElement('hr')); Nav.appendChild(document.createElement('hr'))
Nav.appendChild(DIV); Nav.appendChild(DIV)
let Input = document.getElementById('polyplus-brickconverter-input'); let Input = document.getElementById('polyplus-brickconverter-input')
let Output = document.getElementById('polyplus-brickconverter-output'); let Output = document.getElementById('polyplus-brickconverter-output')
let Type = document.getElementById('polyplus-brickconverter-type'); let Type = document.getElementById('polyplus-brickconverter-type')
chrome.storage.sync.get(['PolyPlus_Settings'], function (result) { chrome.storage.sync.get(['PolyPlus_Settings'], function(result){
Type.selectedIndex = result.PolyPlus_Settings.IRLPriceWithCurrency.Currency || 0; Type.selectedIndex = result.PolyPlus_Settings.IRLPriceWithCurrency.Currency || 0
}); });
//let Package = document.getElementById('polyplus-brickconverter-package') //let Package = document.getElementById('polyplus-brickconverter-package')
Input.addEventListener('input', function () { Input.addEventListener('input', function(){
Update(); Update()
}); });
Type.addEventListener('change', function () { Type.addEventListener('change', function(){
Update(); Update()
}); });
/* /*
@ -63,20 +63,18 @@ Package.addEventListener('change', function(){
}); });
*/ */
async function Update() { async function Update(){
if (Input.value === '') { if (Input.value === "") {
Output.value = ''; Output.value = ''
return; return
} }
const IRLResult = await Utilities.CalculateIRL(Input.value, Type.selectedIndex); const IRLResult = await Utilities.CalculateIRL(Input.value, Type.selectedIndex)
Output.value = '$' + IRLResult.result + ' ' + IRLResult.display; Output.value = "$" + IRLResult.result + " " + IRLResult.display
} }
function LoadFile(path, callback) { function LoadFile(path, callback) {
var xhr = new XMLHttpRequest(); var xhr = new XMLHttpRequest();
xhr.onload = function () { xhr.onload = function () { return callback(this.responseText); }
return callback(this.responseText); xhr.open("GET", path, true);
};
xhr.open('GET', path, true);
xhr.send(); xhr.send();
} }

143
js/background.js
View file

@ -1,5 +1,5 @@
const Manifest = chrome.runtime.getManifest(); const Manifest = chrome.runtime.getManifest()
const SettingsURL = chrome.runtime.getURL('settings.html'); const SettingsURL = chrome.runtime.getURL('settings.html')
/* /*
ON INSTALL: ON INSTALL:
@ -11,12 +11,12 @@ chrome.runtime.onInstalled.addListener(() => {
// WHEN CLICKING ON EXTENSION ICON OPEN THE SETTINGS PAGE // WHEN CLICKING ON EXTENSION ICON OPEN THE SETTINGS PAGE
chrome.action.onClicked.addListener((tab) => { chrome.action.onClicked.addListener((tab) => {
chrome.tabs.create({active: true, url: SettingsURL}); chrome.tabs.create({ active: true, url: SettingsURL });
}); });
// REGISTER AN ALARM FOR DAILY UPDATE CHECK // REGISTER AN ALARM FOR DAILY UPDATE CHECK
chrome.alarms.create('PolyPlus-UpdateCheck', { chrome.alarms.create('PolyPlus-UpdateCheck', {
when: Date.now() + GetNext12PM() when: Date.now() + (GetNext12PM())
}); });
function GetNext12PM() { function GetNext12PM() {
@ -30,67 +30,64 @@ function GetNext12PM() {
} }
// HANDLE ALARMS FIRING // HANDLE ALARMS FIRING
chrome.alarms.onAlarm.addListener(function (alarm) { chrome.alarms.onAlarm.addListener(function(alarm){
if (alarm.name === 'PolyPlus-UpdateCheck') { if (alarm.name === 'PolyPlus-UpdateCheck') {
RunUpdateNotifier(); RunUpdateNotifier()
} }
}); });
function RunUpdateNotifier() { function RunUpdateNotifier() {
chrome.storage.local.get(['PolyPlus_LiveVersion', 'PolyPlus_OutOfDate', 'PolyPlus_SkipUpdate'], function (result) { chrome.storage.local.get(["PolyPlus_LiveVersion", "PolyPlus_OutOfDate", "PolyPlus_SkipUpdate"], function(result){
const OutOfDate = result.PolyPlus_OutOfDate || false; const OutOfDate = result.PolyPlus_OutOfDate || false
const SkipUpdate = result.PolyPlus_SkipUpdate || null; const SkipUpdate = result.PolyPlus_SkipUpdate || null
const LiveVersion = result.PolyPlus_LiveVersion || Manifest.version; const LiveVersion = result.PolyPlus_LiveVersion || Manifest.version
if (OutOfDate !== true && SkipUpdate !== LiveVersion) { if (OutOfDate !== true && SkipUpdate !== LiveVersion) {
fetch('https://polyplus.vercel.app/data/version.json') fetch('https://polyplus.vercel.app/data/version.json')
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network not ok'); throw new Error('Network not ok')
} }
return response.json(); return response.json()
})
.then(data => {
chrome.storage.local.set({'PolyPlus_LiveVersion': data.version}, function(){
console.log('Cached live version')
}) })
.then((data) => {
chrome.storage.local.set({PolyPlus_LiveVersion: data.version}, function () {
console.log('Cached live version');
});
if (data.version > Manifest.version) { if (data.version > Manifest.version) {
chrome.storage.local.set({PolyPlus_OutOfDate: true, PolyPlus_ReleaseNotes: data.releaseNotes}, function () { chrome.storage.local.set({'PolyPlus_OutOfDate': true, 'PolyPlus_ReleaseNotes': data.releaseNotes}, function(){
console.log('Cached update notifier result'); console.log('Cached update notifier result')
}); });
chrome.notifications.create( chrome.notifications.create("", {
'', type: "basic",
{ iconUrl: chrome.runtime.getURL("icon.png"),
type: 'basic', title: "New Update Available",
iconUrl: chrome.runtime.getURL('icon.png'), message: "A new update is available for Poly+! (v" + data.version + ")"
title: 'New Update Available', }, function(notificationID) {
message: 'A new update is available for Poly+! (v' + data.version + ')'
},
function (notificationID) {
chrome.notifications.onClicked.addListener(function (id) { chrome.notifications.onClicked.addListener(function (id) {
if (id === notificationID) { if (id === notificationID) {
chrome.tabs.create({url: 'https://github.com/IndexingGitHub/PolyPlus/releases', active: true}); chrome.tabs.create({url: 'https://github.com/IndexingGitHub/PolyPlus/releases', active: true})
chrome.notifications.clear(notificationID); chrome.notifications.clear(notificationID)
}
});
}
);
chrome.action.setBadgeBackgroundColor({color: 'red'}, () => {
/* ... */
});
} }
}) })
.catch((error) => { })
console.log(error); chrome.action.setBadgeBackgroundColor(
}); {color: 'red'},
() => { /* ... */ },
);
}
})
.catch(error => {console.log(error)})
} }
}); });
} }
chrome.contextMenus.removeAll(function () { chrome.contextMenus.removeAll(function() {
chrome.contextMenus.create({ chrome.contextMenus.create({
title: 'Run Update Notifier', title: 'Run Update Notifier',
id: 'PolyPlus-RunUpdateNotifier', id: 'PolyPlus-RunUpdateNotifier',
contexts: ['all'], contexts: ['all'],
documentUrlPatterns: ['https://polytoria.com/my/settings/polyplus-debug'] documentUrlPatterns: [
"https://polytoria.com/my/settings/polyplus-debug",
]
}); });
// COPY ASSET ID CONTEXT MENU ITEM REGISTRATION // COPY ASSET ID CONTEXT MENU ITEM REGISTRATION
@ -98,8 +95,15 @@ chrome.contextMenus.removeAll(function () {
title: 'Copy Asset ID', title: 'Copy Asset ID',
id: 'PolyPlus-CopyID', id: 'PolyPlus-CopyID',
contexts: ['link'], contexts: ['link'],
documentUrlPatterns: ['https://polytoria.com/*', SettingsURL], documentUrlPatterns: [
targetUrlPatterns: ['https://polytoria.com/places/**', 'https://polytoria.com/users/**', 'https://polytoria.com/store/**'] "https://polytoria.com/*",
SettingsURL
],
targetUrlPatterns: [
"https://polytoria.com/places/**",
"https://polytoria.com/users/**",
"https://polytoria.com/store/**"
]
}); });
// COPY AVATAR HASH CONTEXT MENU ITEM REGISTRATION // COPY AVATAR HASH CONTEXT MENU ITEM REGISTRATION
@ -107,50 +111,57 @@ chrome.contextMenus.removeAll(function () {
title: 'Copy Avatar Hash', title: 'Copy Avatar Hash',
id: 'PolyPlus-CopyAvatarHash', id: 'PolyPlus-CopyAvatarHash',
contexts: ['image'], contexts: ['image'],
documentUrlPatterns: ['https://polytoria.com/*', SettingsURL], documentUrlPatterns: [
targetUrlPatterns: ['https://c0.ptacdn.com/thumbnails/avatars/**', 'https://c0.ptacdn.com/thumbnails/avatars/**'] "https://polytoria.com/*",
SettingsURL
],
targetUrlPatterns: [
"https://c0.ptacdn.com/thumbnails/avatars/**",
"https://c0.ptacdn.com/thumbnails/avatars/**"
]
}); });
}); })
// HANDLE CONTEXT MENU ITEMS // HANDLE CONTEXT MENU ITEMS
chrome.contextMenus.onClicked.addListener(function (info, tab) { chrome.contextMenus.onClicked.addListener(function (info, tab){
if (info.menuItemId === 'PolyPlus-CopyID') { if (info.menuItemId === 'PolyPlus-CopyID') {
let ID = parseInt(info.linkUrl.split('/')[4]); let ID = parseInt(info.linkUrl.split('/')[4])
chrome.scripting chrome.scripting
.executeScript({ .executeScript({
target: {tabId: tab.id}, target: {tabId: tab.id},
func: CopyAssetID, func: CopyAssetID,
args: [ID] args: [ID]
}) })
.then(() => console.log('Copied ID!')); .then(() => console.log("Copied ID!"));
} }
if (info.menuItemId === 'PolyPlus-CopyAvatarHash') { if (info.menuItemId === 'PolyPlus-CopyAvatarHash') {
let Hash = new URL(info.srcUrl).pathname.split('/')[3].replace('-icon', '').replace('.png', ''); let Hash = new URL(info.srcUrl).pathname.split('/')[3].replace('-icon', '').replace('.png', '')
chrome.scripting chrome.scripting
.executeScript({ .executeScript({
target: {tabId: tab.id}, target: {tabId: tab.id},
func: CopyAvatarHash, func: CopyAvatarHash,
args: [Hash] args: [Hash]
}) })
.then(() => console.log('Copied ID!')); .then(() => console.log("Copied ID!"));
} }
if (info.menuItemId === 'PolyPlus-RunUpdateNotifier') { if (info.menuItemId === 'PolyPlus-RunUpdateNotifier') {
RunUpdateNotifier(); RunUpdateNotifier()
} }
}); });
chrome.runtime.onMessage.addListener(function (message, sender) { chrome.runtime.onMessage.addListener(function (message, sender) {
console.log('hi'); console.log('hi')
message = message.message || ''; message = message.message || ''
console.log(message); console.log(message)
if (message === 'tooltip') { if (message === 'tooltip') {
console.log('is about tooltip'); console.log('is about tooltip')
chrome.scripting.executeScript({ chrome.scripting
.executeScript({
target: {tabId: sender.tab.id}, target: {tabId: sender.tab.id},
func: UpdateTooltips func: UpdateTooltips
}); })
} }
}); });
@ -191,10 +202,10 @@ function CopyAssetID(id) {
navigator.clipboard navigator.clipboard
.writeText(id) .writeText(id)
.then(() => { .then(() => {
alert('Successfully copied ID!'); alert('Successfully copied ID!')
}) })
.catch(() => { .catch(() => {
alert('Failure to copy ID.'); alert('Failure to copy ID.')
}); });
} }
@ -202,18 +213,18 @@ function CopyAvatarHash(hash) {
navigator.clipboard navigator.clipboard
.writeText(hash) .writeText(hash)
.then(() => { .then(() => {
alert('Successfully copied avatar hash!'); alert('Successfully copied avatar hash!')
}) })
.catch(() => { .catch(() => {
alert('Failure to copy avatar hash.'); alert('Failure to copy avatar hash.')
}); });
} }
function UpdateTooltips() { function UpdateTooltips() {
const Script = document.createElement('script'); const Script = document.createElement('script')
Script.innerHTML = ` Script.innerHTML = `
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]') const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl)) const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
`; `
document.body.appendChild(Script); document.body.appendChild(Script)
} }

156
js/debug.js
View file

@ -3,11 +3,11 @@
Accessable at /my/settings/polyplus#dev Accessable at /my/settings/polyplus#dev
*/ */
if (window.location.pathname.split('/')[3] === 'polyplus' && window.location.hash === '#dev') { if (window.location.pathname.split('/')[3] === "polyplus" && window.location.hash === '#dev') {
document.title = 'Poly+ Debug - Polytoria'; document.title = 'Poly+ Debug - Polytoria'
const Version = chrome.runtime.getManifest().version; const Version = chrome.runtime.getManifest().version
document.addEventListener('DOMContentLoaded', function () { document.addEventListener('DOMContentLoaded', function() {
document.querySelector('#main-content .container').innerHTML = ` document.querySelector('#main-content .container').innerHTML = `
<style> <style>
#main-content .container label { #main-content .container label {
@ -101,141 +101,133 @@ if (window.location.pathname.split('/')[3] === 'polyplus' && window.location.has
</div> </div>
</div> </div>
</div> </div>
`; `
const CheckForUpdatesButton = document.getElementById('check-for-updates'); const CheckForUpdatesButton = document.getElementById('check-for-updates')
function CheckForUpdates() { function CheckForUpdates() {
CheckForUpdatesButton.removeEventListener('click', CheckForUpdates); CheckForUpdatesButton.removeEventListener('click', CheckForUpdates)
CheckForUpdatesButton.disabled = true; CheckForUpdatesButton.disabled = true
fetch('https://polyplus.vercel.app/data/version.json') fetch('https://polyplus.vercel.app/data/version.json')
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network not ok'); throw new Error('Network not ok')
} }
return response.json(); return response.json()
}) })
.then((data) => { .then(data => {
if (data.version === Version || Math.floor((data.version - Version) * 10) === 0) { if (data.version === Version || Math.floor((data.version - Version) * 10) === 0) {
CheckForUpdatesButton.innerText = 'No updates available'; CheckForUpdatesButton.innerText = 'No updates available'
} else { } else {
CheckForUpdatesButton.innerText = Math.floor((data.version - Version) * 10) + ' updates available'; CheckForUpdatesButton.innerText = Math.floor((data.version - Version) * 10) + ' updates available'
} }
}) })
.catch((error) => { .catch(error => {console.log(error)});
console.log(error);
});
} }
CheckForUpdatesButton.addEventListener('click', CheckForUpdates); CheckForUpdatesButton.addEventListener('click', CheckForUpdates);
document.getElementById('edit-setting').addEventListener('click', function () { document.getElementById('edit-setting').addEventListener('click', function(){
const EditSettingName = document.getElementById('edit-setting-name'); const EditSettingName = document.getElementById('edit-setting-name')
const EditSettingValue = document.getElementById('edit-setting-value'); const EditSettingValue = document.getElementById('edit-setting-value')
chrome.storage.sync.get(['PolyPlus_Settings'], function (result) { chrome.storage.sync.get(['PolyPlus_Settings'], function(result) {
result = result.PolyPlus_Settings; result = result.PolyPlus_Settings
let NewValue = EditSettingValue.value; let NewValue = EditSettingValue.value
switch (NewValue) { switch (NewValue) {
case 'true': case 'true':
NewValue = true; NewValue = true
break; break
case 'false': case 'false':
NewValue = false; NewValue = false
break; break
case 'null': case 'null':
NewValue = null; NewValue = null
break; break
case 'undefined': case 'undefined':
NewValue = undefined; NewValue = undefined
break; break
case parseInt(NewValue): case parseInt(NewValue):
NewValue = parseInt(NewValue); NewValue = parseInt(NewValue)
break; break
} }
result[EditSettingName.value] = NewValue; result[EditSettingName.value] = NewValue
chrome.storage.sync.set({PolyPlus_Settings: result}, function () { chrome.storage.sync.set({ 'PolyPlus_Settings': result }, function() {
alert('Successfully set: "' + EditSettingName.value + '" to ' + NewValue); alert('Successfully set: "' + EditSettingName.value + '" to ' + NewValue)
}); });
}); });
}); });
document.getElementById('reset-settings').addEventListener('click', async function () { document.getElementById('reset-settings').addEventListener('click', async function(){
let Utilities = await import(chrome.runtime.getURL('resources/utils.js')); let Utilities = await import(chrome.runtime.getURL('resources/utils.js'))
Utilities = Utilities.default; Utilities = Utilities.default
chrome.storage.sync.set({PolyPlus_Settings: Utilities.DefaultSettings}, function () { chrome.storage.sync.set({ 'PolyPlus_Settings': Utilities.DefaultSettings }, function() {
alert('Successfully reset settings to their defaults!'); alert('Successfully reset settings to their defaults!')
}); });
}); });
document.getElementById('example-pinnedgames').addEventListener('click', function () { document.getElementById('example-pinnedgames').addEventListener('click', function(){
chrome.storage.sync.set({PolyPlus_PinnedGames: [6012, 3857, 2537]}, function () { chrome.storage.sync.set({ 'PolyPlus_PinnedGames': [6012, 3857, 2537] }, function() {
alert('Successfully loaded example for Pinned Games!'); alert('Successfully loaded example for Pinned Games!')
}); });
}); });
document.getElementById('example-bestfriends').addEventListener('click', function () { document.getElementById('example-bestfriends').addEventListener('click', function(){
chrome.storage.sync.set({PolyPlus_BestFriends: [1, 2, 3]}, function () { chrome.storage.sync.set({ 'PolyPlus_BestFriends': [1, 2, 3] }, function() {
alert('Successfully loaded example for Best Friends!'); alert('Successfully loaded example for Best Friends!')
}); });
}); });
document.getElementById('example-itemwishlist').addEventListener('click', function () { document.getElementById('example-itemwishlist').addEventListener('click', function(){
chrome.storage.sync.set({PolyPlus_ItemWishlist: [31495, 31493, 31492]}, function () { chrome.storage.sync.set({ 'PolyPlus_ItemWishlist': [31495, 31493, 31492] }, function() {
alert('Successfully loaded example for Item Wishlist!'); alert('Successfully loaded example for Item Wishlist!')
}); });
}); });
document.getElementById('clear-pinnedgames').addEventListener('click', function () { document.getElementById('clear-pinnedgames').addEventListener('click', function(){
chrome.storage.sync.set({PolyPlus_PinnedGames: []}, function () { chrome.storage.sync.set({ 'PolyPlus_PinnedGames': [] }, function() {
alert('Successfully cleared Pinned Games!'); alert('Successfully cleared Pinned Games!')
}); });
}); });
document.getElementById('clear-bestfriends').addEventListener('click', function () { document.getElementById('clear-bestfriends').addEventListener('click', function(){
chrome.storage.sync.set({PolyPlus_BestFriends: []}, function () { chrome.storage.sync.set({ 'PolyPlus_BestFriends': [] }, function() {
alert('Successfully cleared Best Friends!'); alert('Successfully cleared Best Friends!')
}); });
}); });
document.getElementById('clear-itemwishlist').addEventListener('click', function () { document.getElementById('clear-itemwishlist').addEventListener('click', function(){
chrome.storage.sync.set({PolyPlus_ItemWishlist: []}, function () { chrome.storage.sync.set({ 'PolyPlus_ItemWishlist': [] }, function() {
alert('Successfully cleared Item Wishlist!'); alert('Successfully cleared Item Wishlist!')
}); });
}); });
document.getElementById('delete-sync').addEventListener('click', function () { document.getElementById('delete-sync').addEventListener('click', function(){
if (confirm("Are you sure you'd like to delete all sync data associated with the extension?") === false) { if (confirm("Are you sure you'd like to delete all sync data associated with the extension?") === false) { return }
return; chrome.storage.sync.clear(function() {
} alert('Successfully deleted all sync data associated with the extension!')
chrome.storage.sync.clear(function () {
alert('Successfully deleted all sync data associated with the extension!');
}); });
}); });
document.getElementById('delete-local').addEventListener('click', function () { document.getElementById('delete-local').addEventListener('click', function(){
if (confirm("Are you sure you'd like to delete all local data associated with the extension?") === false) { if (confirm("Are you sure you'd like to delete all local data associated with the extension?") === false) { return }
return; chrome.storage.local.clear(function() {
} alert('Successfully deleted all local data associated with the extension!')
chrome.storage.local.clear(function () {
alert('Successfully deleted all local data associated with the extension!');
}); });
}); });
document.getElementById('delete-all-data').addEventListener('click', function () { document.getElementById('delete-all-data').addEventListener('click', function(){
if (confirm("Are you sure you'd like to delete all sync and local data associated with the extension?") === false) { if (confirm("Are you sure you'd like to delete all sync and local data associated with the extension?") === false) { return }
return; chrome.storage.sync.clear(function() {
} alert('Successfully deleted all sync data associated with the extension!')
chrome.storage.sync.clear(function () {
alert('Successfully deleted all sync data associated with the extension!');
}); });
chrome.storage.local.clear(function () { chrome.storage.local.clear(function() {
alert('Successfully deleted all local data associated with the extension!'); alert('Successfully deleted all local data associated with the extension!')
}); });
}); });
chrome.storage.sync.getBytesInUse(['PolyPlus_Settings', 'PolyPlus_PinnedGames', 'PolyPlus_BestFriends', 'PolyPlus_ItemWishlist'], function (bytes) { chrome.storage.sync.getBytesInUse(["PolyPlus_Settings", "PolyPlus_PinnedGames", "PolyPlus_BestFriends", "PolyPlus_ItemWishlist"], function(bytes){
document.getElementById('data-size').innerText = bytes.toLocaleString(); document.getElementById('data-size').innerText = bytes.toLocaleString()
});
}); });
})
} }

38
js/forum/forum-search.js
View file

@ -1,34 +1,34 @@
setTimeout(function () {}, 100); setTimeout(function () {}, 100)
var Settings; var Settings;
chrome.storage.sync.get(['PolyPlus_Settings'], function (result) { chrome.storage.sync.get(['PolyPlus_Settings'], function(result){
Settings = result.PolyPlus_Settings; Settings = result.PolyPlus_Settings;
if (!(Settings.MoreSearchFiltersOn === true)) { if (!(Settings.MoreSearchFiltersOn === true)) {
return; return
} }
let Form = document.querySelector('form[action="/forum/search"]'); let Form = document.querySelector('form[action="/forum/search"]')
let SearchBtn = document.querySelector('button[type="submit"]'); let SearchBtn = document.querySelector('button[type="submit"]')
let CreatedByFilter = document.createElement('div'); let CreatedByFilter = document.createElement('div')
CreatedByFilter.classList = 'input-group mt-2'; CreatedByFilter.classList = 'input-group mt-2'
CreatedByFilter.innerHTML = ` CreatedByFilter.innerHTML = `
<div class="form-check"> <div class="form-check">
<input class="form-check-input" type="checkbox"> <input class="form-check-input" type="checkbox">
<label class="form-check-label" for="createdBy">Created by <input type="text" class="form-control" placeholder="willemsteller" id="createdBy" name="createdBy"></label> <label class="form-check-label" for="createdBy">Created by <input type="text" class="form-control" placeholder="willemsteller" id="createdBy" name="createdBy"></label>
</div> </div>
`; `
console.log(SearchBtn); console.log(SearchBtn)
Form.insertBefore(CreatedByFilter, SearchBtn.parentElement); Form.insertBefore(CreatedByFilter, SearchBtn.parentElement)
let CreatedByFilter_Checkbox = CreatedByFilter.querySelector('input[type="checkbox"]'); let CreatedByFilter_Checkbox = CreatedByFilter.querySelector('input[type="checkbox"]')
let CreatedByFilter_Input = CreatedByFilter.querySelector('input[type="text"]'); let CreatedByFilter_Input = CreatedByFilter.querySelector('input[type="text"]')
let CreatedByValue = GetURLParameter('createdBy'); let CreatedByValue = GetURLParameter("createdBy")
console.log(CreatedByValue); console.log(CreatedByValue)
if (CreatedByValue) { if (CreatedByValue) {
CreatedByFilter_Checkbox.setAttribute('checked', true); CreatedByFilter_Checkbox.setAttribute('checked', true)
CreatedByFilter_Input.setAttribute('value', CreatedByValue); CreatedByFilter_Input.setAttribute('value', CreatedByValue)
CreatedByFilter_Input.removeAttribute('disabled'); CreatedByFilter_Input.removeAttribute('disabled')
document.querySelectorAll('.forum-entry').forEach((element) => { document.querySelectorAll('.forum-entry').forEach(element => {
console.log(element.querySelectorAll('a[href^="/users/"]')[1].innerText); console.log(element.querySelectorAll('a[href^="/users/"]')[1].innerText)
if (!(element.querySelectorAll('a[href^="/users/"]')[1].innerText === CreatedByValue)) { if (!(element.querySelectorAll('a[href^="/users/"]')[1].innerText === CreatedByValue)) {
element.remove(); element.remove();
} }

40
js/forum/forum-view.js
View file

@ -1,51 +1,51 @@
const ForumText = document.querySelectorAll('p:not(.text-muted):not(.mb-0)'); const ForumText = document.querySelectorAll('p:not(.text-muted):not(.mb-0)')
var Settings = []; var Settings = []
chrome.storage.sync.get(['PolyPlus_Settings'], function (result) { chrome.storage.sync.get(['PolyPlus_Settings'], function(result) {
Settings = result.PolyPlus_Settings || { Settings = result.PolyPlus_Settings || {
ForumMentsOn: false, ForumMentsOn: false,
ForumUnixStampsOn: false ForumUnixStampsOn: false
}; }
if (Settings.ForumMentsOn === true) { if (Settings.ForumMentsOn === true) {
ForumMentions(); ForumMentions()
} }
if (Settings.ForumUnixStampsOn === true) { if (Settings.ForumUnixStampsOn === true) {
ForumUnixTimestamps(); ForumUnixTimestamps()
} }
}); });
function ForumMentions() { function ForumMentions() {
const Regex = /@([\w.]+)/g; const Regex = /@([\w.]+)/g
for (let text of ForumText) { for (let text of ForumText) {
let FormattedText = text.innerHTML; let FormattedText = text.innerHTML
let match; let match;
while ((match = Regex.exec(text.innerText)) !== null) { while ((match = Regex.exec(text.innerText)) !== null) {
const Username = match[0].substring(1); const Username = match[0].substring(1)
FormattedText = FormattedText.replaceAll(match[0], `<a href="/users/@${Username}?ref=${encodeURIComponent(window.location.pathname)}" class="polyplus-mention">${match[0]}</a>`); FormattedText = FormattedText.replaceAll(match[0], `<a href="/users/@${Username}?ref=${encodeURIComponent(window.location.pathname)}" class="polyplus-mention">${match[0]}</a>`)
} }
text.innerHTML = FormattedText; text.innerHTML = FormattedText
} }
} }
function ForumUnixTimestamps() { function ForumUnixTimestamps() {
const Regex = /&lt;t:[A-Za-z0-9]+&gt;/i; const Regex = /&lt;t:[A-Za-z0-9]+&gt;/i
for (let text of ForumText) { for (let text of ForumText) {
let FormattedText = text.innerHTML; let FormattedText = text.innerHTML
let match; let match;
while ((match = Regex.exec(FormattedText)) !== null) { while ((match = Regex.exec(FormattedText)) !== null) {
const Timestamp = new Date(match[0].substring(6, match[0].length - 4) * 1000); const Timestamp = new Date(match[0].substring(6, match[0].length - 4) * 1000)
const Months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']; const Months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
const Distance = new Intl.RelativeTimeFormat({numeric: 'auto', style: 'short'}).format(Math.floor((Timestamp - new Date()) / (60 * 1000)), 'day'); const Distance = new Intl.RelativeTimeFormat({numeric: 'auto', style: 'short'}).format(Math.floor((Timestamp - new Date()) / (60 * 1000)), 'day')
const Result = `<code style="color: orange;">${Months[Timestamp.getMonth()]} ${Timestamp.getDate()}, ${Timestamp.getFullYear()} (${['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'][Timestamp.getDay() - 1]}) at ${Timestamp.getHours() - 12}:${String(Timestamp.getMinutes()).padStart(2, '0')} (${Distance})</code>`; const Result = `<code style="color: orange;">${Months[Timestamp.getMonth()]} ${Timestamp.getDate()}, ${Timestamp.getFullYear()} (${["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"][Timestamp.getDay()-1]}) at ${Timestamp.getHours()-12}:${String(Timestamp.getMinutes()).padStart(2, "0")} (${Distance})</code>`
FormattedText = FormattedText.replaceAll(match[0], Result); FormattedText = FormattedText.replaceAll(match[0], Result)
console.log(FormattedText); console.log(FormattedText)
} }
text.innerHTML = FormattedText; text.innerHTML = FormattedText
} }
} }

40
js/guilds.js
View file

@ -1,22 +1,22 @@
const StoreItems = document.getElementById('store-items'); const StoreItems = document.getElementById('store-items')
var Settings; var Settings;
let Utilities; let Utilities;
chrome.storage.sync.get(['PolyPlus_Settings'], function (result) { chrome.storage.sync.get(['PolyPlus_Settings'], function(result){
Settings = result.PolyPlus_Settings; Settings = result.PolyPlus_Settings
if (Settings.IRLPriceWithCurrency.Enabled === true) { if (Settings.IRLPriceWithCurrency.Enabled === true) {
(async () => { (async () => {
Utilities = await import(chrome.runtime.getURL('resources/utils.js')); Utilities = await import(chrome.runtime.getURL('resources/utils.js'));
Utilities = Utilities.default; Utilities = Utilities.default
for (let item of Array.from(StoreItems.children)) { for (let item of Array.from(StoreItems.children)) {
IRLPrice(item); IRLPrice(item)
} }
const PreviousPage = document.querySelector('#store-prev a'); const PreviousPage = document.querySelector('#store-prev a')
const NextPage = document.querySelector('#store-next a'); const NextPage = document.querySelector('#store-next a')
//PreviousPage.addEventListener('click', IRLPrice) //PreviousPage.addEventListener('click', IRLPrice)
//NextPage.addEventListener('click', IRLPrice) //NextPage.addEventListener('click', IRLPrice)
})(); })();
@ -24,29 +24,29 @@ chrome.storage.sync.get(['PolyPlus_Settings'], function (result) {
}); });
async function IRLPrice(item) { async function IRLPrice(item) {
const Price = item.getElementsByClassName('text-success')[0]; const Price = item.getElementsByClassName('text-success')[0]
if (Price !== undefined && Price.innerText !== 'Free') { if (Price !== undefined && Price.innerText !== "Free") {
const IRLResult = await Utilities.CalculateIRL(Price.innerText, Settings.IRLPriceWithCurrency.Currency); const IRLResult = await Utilities.CalculateIRL(Price.innerText, Settings.IRLPriceWithCurrency.Currency)
let Span = document.createElement('span'); let Span = document.createElement('span')
Span.classList = 'text-muted polyplus-price-tag'; Span.classList = 'text-muted polyplus-price-tag'
Span.style.fontSize = '0.7rem'; Span.style.fontSize = '0.7rem'
Span.innerText = ' ($' + IRLResult.result + ' ' + IRLResult.display + ')'; Span.innerText = " ($" + IRLResult.result + " " + IRLResult.display + ")"
Price.appendChild(Span); Price.appendChild(Span)
} }
} }
const observer = new MutationObserver(async function (list) { const observer = new MutationObserver(async function (list){
for (const record of list) { for (const record of list) {
for (const element of record.addedNodes) { for (const element of record.addedNodes) {
if (element.tagName === 'DIV' && element.classList.value === 'col-auto mb-3') { if (element.tagName === "DIV" && element.classList.value === 'col-auto mb-3') {
if (Settings.IRLPriceWithCurrency.Enabled === true) { if (Settings.IRLPriceWithCurrency.Enabled === true) {
IRLPrice(element); IRLPrice(element)
} }
} }
} }
observer.observe(StoreItems, {attributes: false, childList: true, subtree: false}); observer.observe(StoreItems, {attributes: false,childList: true,subtree: false});
} }
}); });
observer.observe(StoreItems, {attributes: false, childList: true, subtree: false}); observer.observe(StoreItems, {attributes: false,childList: true,subtree: false});

71
js/library-download.js
View file

@ -1,56 +1,57 @@
const AssetID = window.location.pathname.split('/')[2]; const AssetID = window.location.pathname.split('/')[2]
const LibraryType = document.querySelectorAll('ol a')[1].innerText; const LibraryType = document.querySelectorAll('ol a')[1].innerText
const LibraryTypes = ['Models', 'Audio', 'Decal', 'Mesh']; const LibraryTypes = [
"Models",
"Audio",
"Decal",
"Mesh"
]
if (LibraryTypes.indexOf(LibraryType) !== -1) { if (LibraryTypes.indexOf(LibraryType) !== -1) {
chrome.storage.sync.get(['PolyPlus_Settings'], function (result) { chrome.storage.sync.get(['PolyPlus_Settings'], function(result){
Settings = result.PolyPlus_Settings || {}; Settings = result.PolyPlus_Settings || {};
if (Settings.LibraryDownloadsOn === false) { if (Settings.LibraryDownloadsOn === false) { return }
return;
}
const Dropdown = document.querySelector('#app div[style] .dropdown-menu li'); const Dropdown = document.querySelector('#app div[style] .dropdown-menu li')
const DownloadLink = document.createElement('a'); const DownloadLink = document.createElement('a')
DownloadLink.classList = 'dropdown-item text-warning'; DownloadLink.classList = 'dropdown-item text-warning'
DownloadLink.href = '#'; DownloadLink.href = '#'
DownloadLink.innerHTML = `<i class="fa-duotone fa-download"></i> Download`; DownloadLink.innerHTML = `<i class="fa-duotone fa-download"></i> Download`
Dropdown.insertBefore(DownloadLink, Dropdown.children[Dropdown.children.length - 1]); Dropdown.insertBefore(DownloadLink, Dropdown.children[Dropdown.children.length-1])
switch (LibraryType) { switch(LibraryType) {
case 'Models': case 'Models':
DownloadLink.href = 'https://api.polytoria.com/v1/models/get-model?id=' + AssetID; DownloadLink.href = 'https://api.polytoria.com/v1/models/get-model?id=' + AssetID
break; break
case 'Audio': case 'Audio':
const AudioBlob = new Blob([document.getElementsByTagName('audio')[0]], {type: 'octet-steam'}); const AudioBlob = new Blob([document.getElementsByTagName('audio')[0]], {type: 'octet-steam'})
DownloadLink.href = URL.createObjectURL(AudioBlob); DownloadLink.href = URL.createObjectURL(AudioBlob)
DownloadLink.download = document.getElementsByTagName('h1')[0].innerText + '.mp3'; DownloadLink.download = document.getElementsByTagName('h1')[0].innerText + '.mp3'
case 'Decal': case 'Decal':
const DecalBlob = new Blob([document.getElementsByClassName('store-thumbnail')[0]], {type: 'image/png'}); const DecalBlob = new Blob([document.getElementsByClassName('store-thumbnail')[0]], {type: 'image/png'})
DownloadLink.href = URL.createObjectURL(DecalBlob); DownloadLink.href = URL.createObjectURL(DecalBlob)
DownloadLink.download = document.getElementsByTagName('h1')[0].innerText + '.png'; DownloadLink.download = document.getElementsByTagName('h1')[0].innerText + '.png'
break; break
} }
if (LibraryType === 'Mesh') { if (LibraryType === 'Mesh') {
let MeshURL = null; let MeshURL = null
DownloadLink.addEventListener('click', async function () { DownloadLink.addEventListener('click', async function(){
if (MeshURL !== null) { if (MeshURL !== null) { return }
return; MeshURL = await fetch('https://api.polytoria.com/v1/assets/serve-mesh/' + AssetID)
} MeshURL = await MeshURL.json()
MeshURL = await fetch('https://api.polytoria.com/v1/assets/serve-mesh/' + AssetID);
MeshURL = await MeshURL.json();
if (MeshURL.success === true) { if (MeshURL.success === true) {
DownloadLink.href = MeshURL.url; DownloadLink.href = MeshURL.url
DownloadLink.download = document.getElementsByTagName('h1')[0].innerText + '.glb'; DownloadLink.download = document.getElementsByTagName('h1')[0].innerText + '.glb'
DownloadLink.click(); DownloadLink.click()
} else { } else {
alert('Failure to fetch .glb file for mesh'); alert('Failure to fetch .glb file for mesh')
} }
}); })
} }
}); });
} }

40
js/membership-themes.js
View file

@ -1,21 +1,19 @@
chrome.storage.sync.get(['PolyPlus_Settings'], function (result) { chrome.storage.sync.get(['PolyPlus_Settings'], function(result){
Settings = result.PolyPlus_Settings || { Settings = result.PolyPlus_Settings || {
ApplyMembershipThemeOn: false, ApplyMembershipThemeOn: false,
ApplyMembershipThemeTheme: 0 ApplyMembershipThemeTheme: 0
}; };
if (Settings.ApplyMembershipThemeOn !== true) { if (Settings.ApplyMembershipThemeOn !== true) {return}
return;
}
MembershipTheme = Settings.ApplyMembershipThemeTheme === 0 ? 'plus' : 'plusdx'; MembershipTheme = Settings.ApplyMembershipThemeTheme === 0 ? 'plus': 'plusdx'
document.addEventListener('DOMContentLoaded', function () { document.addEventListener('DOMContentLoaded', function(){
if (document.getElementsByClassName('card-header')[0] && document.getElementsByClassName('card-header')[0].innerText === ' Page not found') { if (document.getElementsByClassName('card-header')[0] && document.getElementsByClassName('card-header')[0].innerText === ' Page not found') {
return; return
} }
if (document.getElementsByTagName('NAV')[0].classList.contains('navbar-plus') === true || document.getElementsByTagName('NAV')[0].classList.contains('navbar-plusdx') === true) { if (document.getElementsByTagName('NAV')[0].classList.contains('navbar-plus') === true || document.getElementsByTagName('NAV')[0].classList.contains('navbar-plusdx') === true) {
return; return
} }
const Navbar = document.querySelector('.navbar.navbar-expand-lg.navbar-light.bg-navbar.nav-topbar'); const Navbar = document.querySelector('.navbar.navbar-expand-lg.navbar-light.bg-navbar.nav-topbar');
@ -26,22 +24,22 @@ chrome.storage.sync.get(['PolyPlus_Settings'], function (result) {
if (MembershipTheme === 'plusdx') { if (MembershipTheme === 'plusdx') {
let SidebarLogo = document.querySelector('.nav-sidebar img'); let SidebarLogo = document.querySelector('.nav-sidebar img');
SidebarLogo.setAttribute('src', 'https://c0.ptacdn.com/static/images/branding/icon-plusdx.bd9daa92.svg'); SidebarLogo.setAttribute('src', 'https://c0.ptacdn.com/static/images/branding/icon-plusdx.bd9daa92.svg')
let SidebarLogoLabel = document.createElement('div'); let SidebarLogoLabel = document.createElement('div')
SidebarLogoLabel.classList = 'nplusdx-banner'; SidebarLogoLabel.classList = 'nplusdx-banner'
SidebarLogoLabel.innerHTML = ` SidebarLogoLabel.innerHTML = `
<i class="pi pi-plusdx" style="margin-right:-0.4em"></i> <i class="pi pi-plusdx" style="margin-right:-0.4em"></i>
`; `
SidebarLogo.parentElement.appendChild(SidebarLogoLabel); SidebarLogo.parentElement.appendChild(SidebarLogoLabel)
if (window.location.pathname === '/home') { if (window.location.pathname === "/home") {
let HomeUsernameText = document.getElementsByClassName('home-title2')[0]; let HomeUsernameText = document.getElementsByClassName('home-title2')[0]
HomeUsernameText.children[0].classList.add('text-plusdx'); HomeUsernameText.children[0].classList.add('text-plusdx')
let Label = document.createElement('div'); let Label = document.createElement('div')
Label.classList = 'hplusdx-banner rounded-2'; Label.classList = 'hplusdx-banner rounded-2'
Label.setAttribute('style', 'margin-top: -8px; animation-delay: 0.09s;'); Label.setAttribute('style', 'margin-top: -8px; animation-delay: 0.09s;')
Label.innerText = 'Deluxe'; Label.innerText = 'Deluxe'
HomeUsernameText.appendChild(Label); HomeUsernameText.appendChild(Label)
} }
} }
}); });

52
js/op-comments.js
View file

@ -1,57 +1,55 @@
!(() => { !(() => {
let Comments = document.getElementById('comments'); let Comments = document.getElementById('comments')
const Type = window.location.pathname.split('/')[1]; const Type = window.location.pathname.split('/')[1]
let CreatorID; let CreatorID;
if (Type === 'store') { if (Type === 'store') {
if (document.querySelector('h5 .text-reset[href^="/users/"]')) { if (document.querySelector('h5 .text-reset[href^="/users/"]')) {
CreatorID = document.querySelector('h5 .text-reset[href^="/users/"]').getAttribute('href').split('/')[2]; CreatorID = document.querySelector('h5 .text-reset[href^="/users/"]').getAttribute('href').split('/')[2]
} else { } else {
CreatorID = 1; CreatorID = 1
} }
} else if (Type === 'places') { } else if (Type === 'places') {
CreatorID = document.querySelector('.mcard .col .text-muted [href^="/users/"]').getAttribute('href').split('/')[2]; CreatorID = document.querySelector('.mcard .col .text-muted [href^="/users/"]').getAttribute('href').split('/')[2]
} else if (Type === 'feed') { } else if (Type === 'feed') {
CreatorID = document.querySelector('p a[href^="/users/"].text-reset').getAttribute('href').split('/')[2]; CreatorID = document.querySelector('p a[href^="/users/"].text-reset').getAttribute('href').split('/')[2]
} else if (Type === 'guilds') { } else if (Type === 'guilds') {
CreatorID = document.querySelector('[class^="userlink-"][href^="/users/"]').getAttribute('href').split('/')[2]; CreatorID = document.querySelector('[class^="userlink-"][href^="/users/"]').getAttribute('href').split('/')[2]
Comments = document.getElementById('wall-posts'); Comments = document.getElementById('wall-posts')
} }
const Observer = new MutationObserver(function (list) { const Observer = new MutationObserver(function (list){
for (let record of list) { for (let record of list) {
for (let element of record.addedNodes) { for (let element of record.addedNodes) {
if (element.classList === 'card mb-3') { if (element.classList === 'card mb-3') {
LoadCreatorTag(element); LoadCreatorTag(element)
} }
} }
} }
}); });
Observer.observe(Comments, {attributes: false, childList: true, subtree: false}); Observer.observe(Comments, {attributes: false, childList: true, subtree: false})
const LoadCreatorTag = function (element) { const LoadCreatorTag = function(element) {
let NameElement = element.querySelector('.text-reset[href^="/users/"]'); let NameElement = element.querySelector('.text-reset[href^="/users/"]')
if (Type === 'guilds') { if (Type === 'guilds') {
NameElement = element.querySelector('[class^="userlink-"][href^="/users/"]'); NameElement = element.querySelector('[class^="userlink-"][href^="/users/"]')
} }
let UserID = NameElement.getAttribute('href').split('/')[2]; let UserID = NameElement.getAttribute('href').split('/')[2]
if (UserID === CreatorID) { if (UserID === CreatorID) {
let Tag = document.createElement('span'); let Tag = document.createElement('span')
Tag.classList = 'badge bg-primary'; Tag.classList = 'badge bg-primary'
Tag.style.marginLeft = '5px'; Tag.style.marginLeft = '5px'
Tag.style.verticalAlign = 'text-top'; Tag.style.verticalAlign = 'text-top'
Tag.innerText = 'CREATOR'; Tag.innerText = 'CREATOR'
if (Type === 'guilds') { if (Type === 'guilds') { Tag.innerText = 'LEADER' }
Tag.innerText = 'LEADER'; NameElement.appendChild(Tag)
}
NameElement.appendChild(Tag);
//new window.bootstrap.Tooltip(Tag, {toggle:"tooltip",title:"This user is the creator of this asset!"}) //new window.bootstrap.Tooltip(Tag, {toggle:"tooltip",title:"This user is the creator of this asset!"})
} }
}; }
Array.from(Comments.children).forEach((element) => { Array.from(Comments.children).forEach(element => {
LoadCreatorTag(element); LoadCreatorTag(element)
}); });
})(); })();

140
js/places/place-edit.js
View file

@ -1,68 +1,68 @@
const PlaceID = window.location.pathname.split('/')[3]; const PlaceID = window.location.pathname.split('/')[3]
const Form = document.querySelector('form[action="/create/place/update"]'); const Form = document.querySelector('form[action="/create/place/update"]')
var Settings; var Settings;
var PlaceData = null; var PlaceData = null
!(async () => { !(async () => {
ActivityToggle(); ActivityToggle()
//RequestGameProfile() //RequestGameProfile()
CopyOwnedPlace(); CopyOwnedPlace()
})(); })()
async function ActivityToggle() { async function ActivityToggle() {
if (PlaceData === null) { if (PlaceData === null) {
PlaceData = await fetch('https://api.polytoria.com/v1/places/' + PlaceID); PlaceData = await fetch('https://api.polytoria.com/v1/places/' + PlaceID)
PlaceData = await PlaceData.json(); PlaceData = await PlaceData.json()
} }
let Status = PlaceData.isActive; let Status = PlaceData.isActive
const DIV = document.createElement('div'); const DIV = document.createElement('div')
DIV.classList = 'form-group mt-4'; DIV.classList = 'form-group mt-4'
DIV.innerHTML = ` DIV.innerHTML = `
<label class="mb-2"> <label class="mb-2">
<h5 class="mb-0">Toggle Activity</h5> <h5 class="mb-0">Toggle Activity</h5>
<small class="text-muted">Make your place active or inactive (currently ${Status === true ? 'active' : 'inactive'}).</small> <small class="text-muted">Make your place active or inactive (currently ${(Status === true) ? 'active' : 'inactive'}).</small>
</label> </label>
<br> <br>
`; `
Form.insertBefore(DIV, Form.children[Form.children.length - 1]); Form.insertBefore(DIV, Form.children[Form.children.length-1])
const ActivityBtn = document.createElement('button'); const ActivityBtn = document.createElement('button')
ActivityBtn.type = 'button'; ActivityBtn.type = 'button'
ActivityBtn.classList = 'btn ' + (Status === true ? 'btn-danger' : 'btn-success'); ActivityBtn.classList = 'btn ' + (Status === true ? 'btn-danger' : 'btn-success')
ActivityBtn.innerText = Status === true ? 'Deactivate' : 'Activate'; ActivityBtn.innerText = Status === true ? 'Deactivate' : 'Activate'
DIV.appendChild(ActivityBtn); DIV.appendChild(ActivityBtn)
ActivityBtn.addEventListener('click', function () { ActivityBtn.addEventListener('click', function() {
fetch(`https://polytoria.com/api/places/${PlaceID}/toggle-active`, { fetch(`https://polytoria.com/api/places/${PlaceID}/toggle-active`, {
method: 'POST', method: "POST",
headers: { headers: {
'Content-Type': 'application/json', 'Content-Type': 'application/json',
'X-CSRF-Token': document.querySelector('input[name="_csrf"]').value 'X-CSRF-Token': document.querySelector('input[name="_csrf"]').value
} }
}) })
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network not ok ' + response.status); throw new Error('Network not ok ' + response.status)
} }
return response.json(); return response.json()
}) })
.then((data) => { .then(data => {
Status = data.isActive; Status = data.isActive
ActivityBtn.innerText = Status === true ? 'Deactivate' : 'Activate'; ActivityBtn.innerText = Status === true ? 'Deactivate' : 'Activate'
ActivityBtn.classList = 'btn ' + (Status === true ? 'btn-danger' : 'btn-success'); ActivityBtn.classList = 'btn ' + (Status === true ? 'btn-danger' : 'btn-success')
}) })
.catch((error) => { .catch(error => {
console.log(error); console.log(error)
}); });
}); });
} }
function RequestGameProfile() { function RequestGameProfile() {
const Div = document.createElement('div'); const Div = document.createElement('div')
Div.classList = 'card mt-4'; Div.classList = 'card mt-4'
Div.innerHTML = ` Div.innerHTML = `
<div class="card-body"> <div class="card-body">
<input type="text" class="form-control bg-dark mb-2" placeholder="Game Title.."> <input type="text" class="form-control bg-dark mb-2" placeholder="Game Title..">
@ -73,13 +73,13 @@ function RequestGameProfile() {
<input type="color" class="form-control bg-dark mb-2" placeholder="Text Color.."> <input type="color" class="form-control bg-dark mb-2" placeholder="Text Color..">
<button type="button" class="btn btn-primary">Submit Request</button> <button type="button" class="btn btn-primary">Submit Request</button>
</div> </div>
`; `
Form.insertBefore(Div, Form.children[Form.children.length - 1]); Form.insertBefore(Div, Form.children[Form.children.length-1])
const SubmitBtn = Div.getElementsByTagName('button')[0]; const SubmitBtn = Div.getElementsByTagName('button')[0]
SubmitBtn.addEventListener('click', function () { SubmitBtn.addEventListener('click', function(){
const CardBody = Div.children[0]; const CardBody = Div.children[0]
const Result = { const Result = {
gameTitle: CardBody.children[0].value, gameTitle: CardBody.children[0].value,
bg: CardBody.children[1].value, bg: CardBody.children[1].value,
@ -87,25 +87,25 @@ function RequestGameProfile() {
secondary: CardBody.children[3].value, secondary: CardBody.children[3].value,
cardBg: CardBody.children[4].value, cardBg: CardBody.children[4].value,
text: CardBody.children[5].value text: CardBody.children[5].value
}; }
window.location.href = 'https://polyplus.vercel.app/app/game-profile.html?gameId=' + PlaceID + '&profile=' + encodeURIComponent(btoa(JSON.stringify(Result))); window.location.href = 'https://polyplus.vercel.app/app/game-profile.html?gameId=' + PlaceID + '&profile=' + encodeURIComponent(btoa(JSON.stringify(Result)))
}); });
} }
async function CopyOwnedPlace() { async function CopyOwnedPlace() {
console.log('ran function'); console.log('ran function')
if (PlaceData === null) { if (PlaceData === null) {
PlaceData = await fetch('https://api.polytoria.com/v1/places/' + 2640); PlaceData = await fetch('https://api.polytoria.com/v1/places/' + 2640)
PlaceData = await PlaceData.json(); PlaceData = await PlaceData.json()
} }
if (PlaceData.creator.id !== parseInt(JSON.parse(window.localStorage.getItem('p+account_info')).ID)) { if (PlaceData.creator.id !== parseInt(JSON.parse(window.localStorage.getItem('p+account_info')).ID)) {
console.log('returned'); console.log('returned')
//return //return
} }
const DIV = document.createElement('div'); const DIV = document.createElement('div')
DIV.classList = 'form-group mt-4'; DIV.classList = 'form-group mt-4'
DIV.innerHTML = ` DIV.innerHTML = `
<label class="mb-2"> <label class="mb-2">
<h5 class="mb-0">Download <code style="color: orange;">.poly</code> File</h5> <h5 class="mb-0">Download <code style="color: orange;">.poly</code> File</h5>
@ -113,48 +113,46 @@ async function CopyOwnedPlace() {
</label> </label>
<br> <br>
<button type="button" class="btn btn-primary">Download</button> <button type="button" class="btn btn-primary">Download</button>
`; `
Form.insertBefore(DIV, Form.children[Form.children.length - 1]); Form.insertBefore(DIV, Form.children[Form.children.length-1])
const DownloadButton = DIV.getElementsByTagName('button')[0]; const DownloadButton = DIV.getElementsByTagName('button')[0]
DownloadButton.addEventListener('click', async function () { DownloadButton.addEventListener('click', async function() {
console.log('clicked download epic'); console.log('clicked download epic')
let CreatorToken = await fetch('https://polytoria.com/api/places/edit', { let CreatorToken = await fetch('https://polytoria.com/api/places/edit', {
method: 'POST', method: "POST",
headers: { headers: {
'X-CSRF-Token': document.querySelector('input[name="_csrf"]').value 'X-CSRF-Token': document.querySelector('input[name="_csrf"]').value
}, },
body: JSON.stringify({placeID: PlaceID}) body: JSON.stringify({ placeID: PlaceID })
}); })
CreatorToken = await CreatorToken.json(); CreatorToken = await CreatorToken.json()
CreatorToken = CreatorToken.token; CreatorToken = CreatorToken.token
fetch(`https://api.polytoria.com/v1/places/get-place?id=${PlaceID}&tokenType=creator`, { fetch(`https://api.polytoria.com/v1/places/get-place?id=${PlaceID}&tokenType=creator`, {
headers: { headers: {
Authorization: CreatorToken 'Authorization': CreatorToken
} }
}) })
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network not ok'); throw new Error('Network not ok')
} }
return response.blob(); return response.blob()
}) })
.then((data) => { .then(data => {
//const JSONBlob = new Blob([data], {type: "application/xml"}) //const JSONBlob = new Blob([data], {type: "application/xml"})
const DownloadURL = URL.createObjectURL(data); const DownloadURL = URL.createObjectURL(data)
const Link = document.createElement('a'); const Link = document.createElement('a')
Link.href = DownloadURL; Link.href = DownloadURL
Link.download = PlaceData.name + '.poly'; Link.download = PlaceData.name + '.poly'
document.body.appendChild(Link); document.body.appendChild(Link)
Link.click(); Link.click()
Link.remove(); Link.remove()
})
.catch(error => {console.log(error)});
}) })
.catch((error) => {
console.log(error);
});
});
} }

46
js/places/place-join.js
View file

@ -3,47 +3,43 @@
*/ */
!(() => { !(() => {
return; return
const PlaceID = parseInt(window.location.pathname.split('/')[2]); const PlaceID = parseInt(window.location.pathname.split('/')[2])
fetch('https://polytoria.com/home') fetch('https://polytoria.com/home')
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network not ok'); throw new Error('Network not ok')
} }
return response.text(); return response.text()
}) })
.then((data) => { .then(data => {
const Parser = new DOMParser(); const Parser = new DOMParser()
const Doc = Parser.parseFromString(data, 'text/html'); const Doc = Parser.parseFromString(data, 'text/html')
fetch('https://polytoria.com/api/places/join', { fetch('https://polytoria.com/api/places/join',{
method: 'POST', method: 'POST',
headers: { headers: {
'Content-Type': 'application/json', 'Content-Type': 'application/json',
'X-Csrf-Token': Doc.querySelector('[name="_csrf"]').value 'X-Csrf-Token': Doc.querySelector('[name="_csrf"]').value
}, },
body: JSON.stringify({ body: JSON.stringify({
placeID: PlaceID 'placeID': PlaceID
}) })
}) })
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network not ok'); throw new Error('Network not ok')
} }
return response.json(); return response.json()
}) })
.then((data) => { .then(data => {
if (data.success !== true) { if (data.success !== true) {throw new Error(data.message)}
throw new Error(data.message); setTimeout(function(){
} window.location.href = 'polytoria://client/' + data.token
setTimeout(function () { window.location.href = 'https://polytoria.com/places/' + PlaceID
window.location.href = 'polytoria://client/' + data.token; }, 5000)
window.location.href = 'https://polytoria.com/places/' + PlaceID; })
}, 5000); .catch(error => {console.log(error)})
}) })
.catch((error) => {
console.log(error);
});
});
})(); })();

439
js/places/place-view.js
View file

@ -1,136 +1,134 @@
const PlaceID = window.location.pathname.split('/')[2]; const PlaceID = window.location.pathname.split('/')[2]
const UserID = JSON.parse(window.localStorage.getItem('p+account_info')).ID; const UserID = JSON.parse(window.localStorage.getItem('p+account_info')).ID
const GameCreator = document.querySelector('#main-content .card-body .col div.text-muted a[href^="/users/"]').getAttribute('href').split('/')[2]; const GameCreator = document.querySelector('#main-content .card-body .col div.text-muted a[href^="/users/"]').getAttribute('href').split('/')[2]
let Utilities; let Utilities;
var Settings; var Settings;
var PinnedGamesData = []; var PinnedGamesData = []
let GamePinned; let GamePinned;
let InfoColumns = document.querySelectorAll('#main-content .col:has(#likes-data-container) .card:has(.fas.fa-chart-bar) ul'); let InfoColumns = document.querySelectorAll('#main-content .col:has(#likes-data-container) .card:has(.fas.fa-chart-bar) ul')
let CalculateRevenueButton; let CalculateRevenueButton;
const AchievementsTab = document.getElementById('achievements-tabpane'); const AchievementsTab = document.getElementById('achievements-tabpane')
const GamepassesTab = document.getElementById('gamepasses-tabpane'); const GamepassesTab = document.getElementById('gamepasses-tabpane')
const Achievements = Array.from(AchievementsTab.getElementsByClassName('card')) || []; const Achievements = Array.from(AchievementsTab.getElementsByClassName('card')) || []
const Gamepasses = Array.from(GamepassesTab.getElementsByClassName('card')) || []; const Gamepasses = Array.from(GamepassesTab.getElementsByClassName('card')) || []
!(() => { !(() => {
if (PlaceID === undefined) { if (PlaceID === undefined) { return }
return;
}
const DataContainer = document.getElementById('likes-data-container'); const DataContainer = document.getElementById('likes-data-container')
const RatingsData = { const RatingsData = {
Likes: parseInt(DataContainer.getAttribute('data-like-count')), Likes: parseInt(DataContainer.getAttribute('data-like-count')),
Dislikes: parseInt(DataContainer.getAttribute('data-dislike-count')), Dislikes: parseInt(DataContainer.getAttribute('data-dislike-count')),
Percentage: null Percentage: null
}; }
RatingsData.Percentage = Math.floor((RatingsData.Likes / (RatingsData.Likes + RatingsData.Dislikes)) * 100); RatingsData.Percentage = Math.floor((RatingsData.Likes / (RatingsData.Likes + RatingsData.Dislikes)) * 100)
const RatingsContainer = document.getElementById('thumbup-btn').parentElement.parentElement; const RatingsContainer = document.getElementById('thumbup-btn').parentElement.parentElement
const PercentageLabel = document.createElement('small'); const PercentageLabel = document.createElement('small')
PercentageLabel.classList = 'text-muted'; PercentageLabel.classList = 'text-muted'
PercentageLabel.style.fontSize = '0.8rem'; PercentageLabel.style.fontSize = '0.8rem'
PercentageLabel.style.marginLeft = '10px'; PercentageLabel.style.marginLeft = '10px'
PercentageLabel.style.marginRight = '10px'; PercentageLabel.style.marginRight = '10px'
if (!isNaN(RatingsData.Percentage)) { if (!isNaN(RatingsData.Percentage)) {
PercentageLabel.innerText = RatingsData.Percentage + '%'; PercentageLabel.innerText = RatingsData.Percentage + '%'
} else { } else {
PercentageLabel.innerText = 'N/A'; PercentageLabel.innerText = 'N/A'
} }
RatingsContainer.children[0].appendChild(PercentageLabel); RatingsContainer.children[0].appendChild(PercentageLabel)
chrome.storage.sync.get(['PolyPlus_Settings'], async function (result) { chrome.storage.sync.get(['PolyPlus_Settings'], async function(result) {
Settings = result.PolyPlus_Settings || {}; Settings = result.PolyPlus_Settings || {}
Utilities = await import(chrome.runtime.getURL('resources/utils.js')); Utilities = await import(chrome.runtime.getURL('resources/utils.js'));
Utilities = Utilities.default; Utilities = Utilities.default
if (Settings.PinnedGamesOn === true) { if (Settings.PinnedGamesOn === true) {
PinnedGames(); PinnedGames()
} }
if (Settings.InlineEditingOn === true && GameCreator === UserID) { if (Settings.InlineEditingOn === true && GameCreator === UserID) {
InlineEditing(); InlineEditing()
} }
const Description = document.querySelector('.col:has(#likes-data-container) .card.mcard.mb-2 .card-body.p-3.small'); const Description = document.querySelector('.col:has(#likes-data-container) .card.mcard.mb-2 .card-body.p-3.small')
if (Settings.GameProfilesOn === true && Description !== null) { if (Settings.GameProfilesOn === true && Description !== null) {
const GameProfileRegex = /p\+gp;(#(?:[A-Fa-f0-9]{3}){1,2}\b(;#(?:[A-Fa-f0-9]{3}){1,2}\b)+)/gm; const GameProfileRegex = /p\+gp;(#(?:[A-Fa-f0-9]{3}){1,2}\b(;#(?:[A-Fa-f0-9]{3}){1,2}\b)+)/gm
if (GameProfileRegex.test(Description.innerText)) { if (GameProfileRegex.test(Description.innerText)) {
const Info = GameProfileRegex.exec(Description.innerText)[1].split(';'); const Info = GameProfileRegex.exec(Description.innerText)[1].split(';')
GameProfile(Info); GameProfile(Info)
} }
} }
if (Settings.IRLPriceWithCurrency.Enabled === true) { if (Settings.IRLPriceWithCurrency.Enabled === true) {
IRLPrice(); IRLPrice()
} }
if (Settings.ShowPlaceRevenueOn === true) { if (Settings.ShowPlaceRevenueOn === true) {
const NameRow = document.createElement('li'); const NameRow = document.createElement('li')
NameRow.innerText = 'Revenue:'; NameRow.innerText = 'Revenue:'
CalculateRevenueButton = document.createElement('li'); CalculateRevenueButton = document.createElement('li')
CalculateRevenueButton.classList = 'fw-normal text-success'; CalculateRevenueButton.classList = 'fw-normal text-success'
CalculateRevenueButton.style.letterSpacing = '0px'; CalculateRevenueButton.style.letterSpacing = '0px'
CalculateRevenueButton.innerHTML = ` CalculateRevenueButton.innerHTML = `
<a class="text-decoration-underline text-success" style="text-decoration-color: rgb(15, 132, 79) !important;">$ Calculate</a> <a class="text-decoration-underline text-success" style="text-decoration-color: rgb(15, 132, 79) !important;">$ Calculate</a>
`; `
InfoColumns[0].appendChild(NameRow); InfoColumns[0].appendChild(NameRow)
InfoColumns[1].appendChild(CalculateRevenueButton); InfoColumns[1].appendChild(CalculateRevenueButton)
let Calculating = false; let Calculating = false
CalculateRevenueButton.addEventListener('click', function () { CalculateRevenueButton.addEventListener('click', function() {
if (Calculating === false) { if (Calculating === false) {
Calculating = true; Calculating = true
CalculateRevenueButton.innerText = '$ Calculating...'; CalculateRevenueButton.innerText = '$ Calculating...'
PlaceRevenue(); PlaceRevenue()
} }
}); })
} }
if (AchievementsTab.getElementsByClassName('display-3')[0] === undefined) { if (AchievementsTab.getElementsByClassName('display-3')[0] === undefined) {
AchievementProgressBar(); AchievementProgressBar()
AchievementEarnedPercentage(); AchievementEarnedPercentage()
for (let achievement of Achievements) { for (let achievement of Achievements) {
if ((achievement.getElementsByClassName('fad fa-check-circle')[0] !== undefined) === false) { if ((achievement.getElementsByClassName('fad fa-check-circle')[0] !== undefined) === false) {
achievement.style.opacity = '0.5'; achievement.style.opacity = '0.5'
} }
} }
} }
}); });
})(); })()
async function PinnedGames() { async function PinnedGames() {
chrome.storage.sync.get(['PolyPlus_PinnedGames'], function (result) { chrome.storage.sync.get(['PolyPlus_PinnedGames'], function(result){
PinnedGamesData = result.PolyPlus_PinnedGames || []; PinnedGamesData = result.PolyPlus_PinnedGames || [];
const PinBtn = document.createElement('button'); const PinBtn = document.createElement('button');
PinBtn.classList = 'btn btn-warning btn-sm'; PinBtn.classList = 'btn btn-warning btn-sm';
PinBtn.style = 'position: absolute; right: 0; margin-right: 7px;'; PinBtn.style = 'position: absolute; right: 0; margin-right: 7px;'
if (PinnedGamesData.includes(parseInt(PlaceID))) { if (PinnedGamesData.includes(parseInt(PlaceID))) {
PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Un-pin'; PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Un-pin';
} else { } else {
if (PinnedGamesData.length !== Utilities.Limits.PinnedGames) { if (PinnedGamesData.length !== Utilities.Limits.PinnedGames) {
PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Pin'; PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Pin'
} else { } else {
PinBtn.setAttribute('disabled', true); PinBtn.setAttribute('disabled', true)
PinBtn.innerHTML = `<i class="fa-duotone fa-star"></i> Pin (max ${Utilities.Limits.PinnedGames}/${Utilities.Limits.PinnedGames})`; PinBtn.innerHTML = `<i class="fa-duotone fa-star"></i> Pin (max ${Utilities.Limits.PinnedGames}/${Utilities.Limits.PinnedGames})`
} }
} }
PinBtn.addEventListener('click', function () { PinBtn.addEventListener('click', function() {
PinBtn.setAttribute('disabled', 'true'); PinBtn.setAttribute('disabled', 'true')
chrome.storage.sync.get(['PolyPlus_PinnedGames'], function (result) { chrome.storage.sync.get(['PolyPlus_PinnedGames'], function(result) {
PinnedGamesData = result.PolyPlus_PinnedGames || []; PinnedGamesData = result.PolyPlus_PinnedGames || [];
/* /*
const Index = PinnedGames.indexOf(parseInt(PlaceID)) const Index = PinnedGames.indexOf(parseInt(PlaceID))
@ -147,26 +145,26 @@ async function PinnedGames() {
const Index = PinnedGamesData.indexOf(parseInt(PlaceID)); const Index = PinnedGamesData.indexOf(parseInt(PlaceID));
if (Index !== -1) { if (Index !== -1) {
PinnedGamesData.splice(Index, 1); PinnedGamesData.splice(Index, 1);
PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Pin'; PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Pin'
} else { } else {
PinnedGamesData.push(parseInt(PlaceID)); PinnedGamesData.push(parseInt(PlaceID));
PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Un-pin'; PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Un-pin'
} }
chrome.storage.sync.set({PolyPlus_PinnedGames: PinnedGamesData, arrayOrder: true}, function () { chrome.storage.sync.set({ 'PolyPlus_PinnedGames': PinnedGamesData, arrayOrder: true }, function() {
setTimeout(function () { setTimeout(function() {
PinBtn.removeAttribute('disabled'); PinBtn.removeAttribute('disabled')
console.log(PinnedGamesData); console.log(PinnedGamesData)
}, 1250); }, 1250)
}); });
}); });
}); });
document.getElementsByClassName('card-header')[2].appendChild(PinBtn); document.getElementsByClassName('card-header')[2].appendChild(PinBtn);
chrome.storage.onChanged.addListener(function (changes, namespace) { chrome.storage.onChanged.addListener(function(changes, namespace) {
if ('PolyPlus_PinnedGames' in changes) { if ('PolyPlus_PinnedGames' in changes) {
chrome.storage.sync.get(['PolyPlus_PinnedGames'], function (result) { chrome.storage.sync.get(['PolyPlus_PinnedGames'], function(result) {
PinnedGamesData = result.PolyPlus_PinnedGames || []; PinnedGamesData = result.PolyPlus_PinnedGames || [];
/* /*
@ -183,14 +181,14 @@ async function PinnedGames() {
} }
*/ */
if (PinnedGamesData.includes(parseInt(PlaceID))) { if (PinnedGamesData.includes(parseInt(PlaceID))) {
PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Un-pin'; PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Un-pin'
} else { } else {
if (PinnedGamesData.length !== Utilities.Limits.PinnedGames) { if (PinnedGamesData.length !== Utilities.Limits.PinnedGames) {
PinBtn.removeAttribute('disabled'); PinBtn.removeAttribute('disabled')
PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Pin'; PinBtn.innerHTML = '<i class="fa-duotone fa-star"></i> Pin'
} else { } else {
PinBtn.setAttribute('disabled', true); PinBtn.setAttribute('disabled', true)
PinBtn.innerHTML = `<i class="fa-duotone fa-star"></i> Pin (max ${Utilities.Limits.PinnedGames}/${Utilities.Limits.PinnedGames})`; PinBtn.innerHTML = `<i class="fa-duotone fa-star"></i> Pin (max ${Utilities.Limits.PinnedGames}/${Utilities.Limits.PinnedGames})`
} }
} }
}); });
@ -206,134 +204,136 @@ async function InlineEditing() {
- Make it possible to edit the place's genre - Make it possible to edit the place's genre
*/ */
let Editing = false; let Editing = false
const Style = document.createElement('style'); const Style = document.createElement('style')
Style.innerHTML = ` Style.innerHTML = `
body[data-polyplus-inlineEditing="true"] .polyplus-inlineEditing-visible {display: block !important;} body[data-polyplus-inlineEditing="true"] .polyplus-inlineEditing-visible {display: block !important;}
.polyplus-inlineEditing-visible {display: none;} .polyplus-inlineEditing-visible {display: none;}
body[data-polyplus-inlineEditing="true"] .polyplus-inlineEditing-hidden {display: none !important;} body[data-polyplus-inlineEditing="true"] .polyplus-inlineEditing-hidden {display: none !important;}
.polyplus-inlineEditing-hidden {display: block;} .polyplus-inlineEditing-hidden {display: block;}
`; `
document.body.prepend(Style); document.body.prepend(Style)
const Inputs = [ const Inputs = [
{ {
name: 'name', name: "name",
element: null, element: null,
reference: '.card-header h1[style="font-weight:800;font-size:1.6em"]', reference: '.card-header h1[style="font-weight:800;font-size:1.6em"]',
placeholder: 'Place Title..', placeholder: "Place Title..",
required: true, required: true,
isTextarea: false, isTextarea: false,
styles: 'font-weight:800;font-size:1.6em' styles: 'font-weight:800;font-size:1.6em'
}, },
{ {
name: 'description', name: "description",
element: null, element: null,
reference: '.col:has(#likes-data-container) .card.mcard.mb-2 .card-body.p-3.small', reference: '.col:has(#likes-data-container) .card.mcard.mb-2 .card-body.p-3.small',
placeholder: 'Place Description..', placeholder: "Place Description..",
required: false, required: false,
isTextarea: true, isTextarea: true,
styles: 'height:300px; overflow-y:auto;' styles: 'height:300px; overflow-y:auto;'
} }
]; ]
console.log(Inputs); console.log(Inputs)
for (let input of Inputs) { for (let input of Inputs) {
let Input = input.isTextarea === true ? document.createElement('textarea') : document.createElement('input'); let Input = (input.isTextarea === true) ? document.createElement('textarea') : document.createElement('input')
input.element = Input; input.element = Input
const Reference = document.querySelector(input.reference); const Reference = document.querySelector(input.reference)
Input.classList = 'polyplus-inlineEditing-visible form-control'; Input.classList = 'polyplus-inlineEditing-visible form-control'
Input.placeholder = input.placeholder; Input.placeholder = input.placeholder
Input.value = Reference.innerText; Input.value = Reference.innerText
Input.style = input.styles; Input.style = input.styles
Reference.classList.add('polyplus-inlineEditing-hidden'); Reference.classList.add('polyplus-inlineEditing-hidden')
Reference.parentElement.appendChild(Input); Reference.parentElement.appendChild(Input)
} }
const PlaceGenre = document.getElementsByClassName('list-unstyled m-0 col')[0].children[3]; const PlaceGenre = document.getElementsByClassName('list-unstyled m-0 col')[0].children[3]
const Genres = [ const Genres = [
'other', "other",
'adventure', "adventure",
'building', "building",
'competitive', "competitive",
'creative', "creative",
'fighting', "fighting",
'funny', "funny",
'hangout', "hangout",
'medieval', "medieval",
'parkour', "parkour",
'puzzle', "puzzle",
'racing', "racing",
'roleplay', "roleplay",
'sandbox', "sandbox",
'showcase', "showcase",
'simulator', "simulator",
'sports', "sports",
'strategy', "strategy",
'survival', "survival",
'techdemo', "techdemo",
'trading', "trading",
'tycoon', "tycoon",
'western' "western"
]; ]
const EditBtn = document.createElement('button'); const EditBtn = document.createElement('button');
EditBtn.classList = 'btn btn-primary btn-sm'; EditBtn.classList = 'btn btn-primary btn-sm';
EditBtn.style = 'position: absolute; right: 0; margin-right: 7px;'; EditBtn.style = 'position: absolute; right: 0; margin-right: 7px;'
EditBtn.innerHTML = '<i class="fa-duotone fa-hammer"></i> <span>Edit Details</span>'; EditBtn.innerHTML = '<i class="fa-duotone fa-hammer"></i> <span>Edit Details</span>'
document.getElementsByClassName('card-header')[3].appendChild(EditBtn); document.getElementsByClassName('card-header')[3].appendChild(EditBtn);
EditBtn.addEventListener('click', function () { EditBtn.addEventListener('click', function(){
Editing = !Editing; Editing = !Editing
EditBtn.children[0].classList.toggle('fa-hammer'); EditBtn.children[0].classList.toggle('fa-hammer')
EditBtn.children[0].classList.toggle('fa-check-double'); EditBtn.children[0].classList.toggle('fa-check-double')
EditBtn.children[0].classList.toggle('fa-fade'); EditBtn.children[0].classList.toggle('fa-fade')
document.body.setAttribute('data-polyplus-inlineEditing', Editing); document.body.setAttribute('data-polyplus-inlineEditing', Editing)
if (Editing === false) { if (Editing === false) {
const Send = new FormData(); const Send = new FormData()
Send.append('_csrf', document.querySelector('input[name="_csrf"]').value); Send.append("_csrf", document.querySelector('input[name="_csrf"]').value)
Send.append('id', PlaceID); Send.append("id", PlaceID)
for (let input of Inputs) { for (let input of Inputs) {
console.log('start of loop'); console.log('start of loop')
Send.append(input.name, input.element.value); Send.append(input.name, input.element.value)
} }
console.log('after'); console.log('after')
fetch('/create/place/update', {method: 'POST', body: Send}) fetch('/create/place/update', {method:"POST",body:Send})
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network not ok'); throw new Error('Network not ok')
} }
return response.text(); return response.text()
}) })
.then((data) => { .then(data => {
console.log('Successfully edited game'); console.log('Successfully edited game')
for (let input of Inputs) { for (let input of Inputs) {
const Reference = document.querySelector(input.reference); const Reference = document.querySelector(input.reference)
Reference.innerText = input.element.value; Reference.innerText = input.element.value
} }
}) })
.catch((error) => { .catch(error => {
alert('Error while saving changes'); alert('Error while saving changes')
console.log('Error while editing game'); console.log('Error while editing game')
}); });
} }
}); });
} }
async function GameProfile(data) { async function GameProfile(data) {
document.querySelector('h1.my-0').setAttribute('game-key', 'true'); document.querySelector('h1.my-0')
document.querySelector('div[style="min-height: 60vh;"]').id = 'gameprofile'; .setAttribute('game-key', 'true');
document.querySelector('div[style="min-height: 60vh;"]')
.id = 'gameprofile';
const Style = document.createElement('style'); const Style = document.createElement('style')
Style.innerHTML = ` Style.innerHTML = `
div#app { div#app {
@ -362,55 +362,55 @@ async function GameProfile(data) {
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
} }
`; `
document.body.appendChild(Style); document.body.appendChild(Style)
} }
async function IRLPrice() { async function IRLPrice() {
const Gamepasses = document.querySelector('#gamepasses-tabpane .row.flex-row').children; const Gamepasses = document.querySelector('#gamepasses-tabpane .row.flex-row').children
for (let gamepass of Gamepasses) { for (let gamepass of Gamepasses) {
const Price = gamepass.getElementsByClassName('text-success')[0]; const Price = gamepass.getElementsByClassName('text-success')[0]
const IRLResult = await Utilities.CalculateIRL(Price.innerText, Settings.IRLPriceWithCurrency.Currency); const IRLResult = await Utilities.CalculateIRL(Price.innerText, Settings.IRLPriceWithCurrency.Currency)
let Span = document.createElement('span'); let Span = document.createElement('span')
Span.classList = 'text-muted polyplus-price-tag'; Span.classList = 'text-muted polyplus-price-tag'
Span.style.fontSize = '0.7rem'; Span.style.fontSize = '0.7rem'
Span.innerText = '($' + IRLResult.result + ' ' + IRLResult.display + ')'; Span.innerText = "($" + IRLResult.result + " " + IRLResult.display + ")"
Price.appendChild(Span); Price.appendChild(Span)
} }
} }
async function PlaceRevenue() { async function PlaceRevenue() {
const BricksPerView = 5; const BricksPerView = 5
let PlaceDetails = await fetch('https://api.polytoria.com/v1/places/' + PlaceID); let PlaceDetails = await fetch('https://api.polytoria.com/v1/places/' + PlaceID)
PlaceDetails = await PlaceDetails.json(); PlaceDetails = await PlaceDetails.json()
let CreatorDetails = await fetch('https://api.polytoria.com/v1/users/' + GameCreator); let CreatorDetails = await fetch('https://api.polytoria.com/v1/users/' + GameCreator)
CreatorDetails = await CreatorDetails.json(); CreatorDetails = await CreatorDetails.json()
let Total = round5(PlaceDetails.uniqueVisits) / 5; let Total = (round5(PlaceDetails.uniqueVisits) / 5)
let Revenue = round5(PlaceDetails.uniqueVisits) / 5; let Revenue = (round5(PlaceDetails.uniqueVisits) / 5)
let CreatorTax = 0.35; let CreatorTax = 0.35
switch (CreatorDetails.membershipType) { switch (CreatorDetails.membershipType) {
case 'plus': case 'plus':
CreatorTax = 0.25; CreatorTax = 0.25
break; break
case 'plusDeluxe': case 'plusDeluxe':
CreatorTax = 0.15; CreatorTax = 0.15
break; break
} }
let Achievements = await fetch('https://api.polytoria.com/v1/places/' + PlaceID + '/achievements'); let Achievements = await fetch('https://api.polytoria.com/v1/places/' + PlaceID + '/achievements')
Achievements = await Achievements.json(); Achievements = await Achievements.json()
let Gamepasses = await fetch('https://api.polytoria.com/v1/places/' + PlaceID + '/gamepasses'); let Gamepasses = await fetch('https://api.polytoria.com/v1/places/' + PlaceID + '/gamepasses')
Gamepasses = await Gamepasses.json(); Gamepasses = await Gamepasses.json()
for (let gamepass of Gamepasses.gamepasses) { for (let gamepass of Gamepasses.gamepasses) {
const PriceAfterTax = Math.floor(gamepass.asset.price - gamepass.asset.price * CreatorTax); const PriceAfterTax = Math.floor(gamepass.asset.price - (gamepass.asset.price * CreatorTax))
Revenue += PriceAfterTax * gamepass.asset.sales; Revenue += (PriceAfterTax * gamepass.asset.sales)
} }
/* /*
@ -423,93 +423,84 @@ async function PlaceRevenue() {
} }
*/ */
const ResultText = document.createElement('li'); const ResultText = document.createElement('li')
ResultText.classList = 'fw-normal text-success'; ResultText.classList = 'fw-normal text-success'
ResultText.style.letterSpacing = '0px'; ResultText.style.letterSpacing = '0px'
ResultText.innerHTML = `<i class="pi pi-brick mx-1"></i> ~` + Revenue.toLocaleString(); ResultText.innerHTML = `<i class="pi pi-brick mx-1"></i> ~` + Revenue.toLocaleString()
CalculateRevenueButton.remove(); CalculateRevenueButton.remove()
InfoColumns[1].appendChild(ResultText); InfoColumns[1].appendChild(ResultText)
} }
function round5(number) { function round5(number) { const remainder = number % 5; if (remainder < 2.5) { return number - remainder; } else { return number + (5 - remainder); } }
const remainder = number % 5;
if (remainder < 2.5) {
return number - remainder;
} else {
return number + (5 - remainder);
}
}
function AchievementProgressBar() { function AchievementProgressBar() {
const AchievementCount = Achievements.length; const AchievementCount = Achievements.length
let AchievementsEarned = 0; let AchievementsEarned = 0
for (let achievement of Achievements) { for (let achievement of Achievements) {
Achieved = achievement.getElementsByClassName('fad fa-check-circle')[0] !== undefined; Achieved = (achievement.getElementsByClassName('fad fa-check-circle')[0] !== undefined)
if (Achieved === true) { if (Achieved === true) {
AchievementsEarned++; AchievementsEarned++
} }
} }
const PercentageEarned = ((AchievementsEarned * 100) / AchievementCount).toFixed(0); const PercentageEarned = ((AchievementsEarned*100)/AchievementCount).toFixed(0)
const ProgressBar = document.createElement('div'); const ProgressBar = document.createElement('div')
ProgressBar.role = 'progressbar'; ProgressBar.role = 'progressbar'
ProgressBar.classList = 'progress'; ProgressBar.classList = 'progress'
ProgressBar.style.background = '#000'; ProgressBar.style.background = '#000'
ProgressBar.ariaValueNow = PercentageEarned; ProgressBar.ariaValueNow = PercentageEarned
ProgressBar.ariaValueMin = '0'; ProgressBar.ariaValueMin = "0"
ProgressBar.ariaValueMax = '100'; ProgressBar.ariaValueMax = "100"
ProgressBar.innerHTML = `<div class="progress-bar progress-bar-striped text-bg-warning" style="width: ${PercentageEarned}%">${PercentageEarned}%</div>`; ProgressBar.innerHTML = `<div class="progress-bar progress-bar-striped text-bg-warning" style="width: ${PercentageEarned}%">${PercentageEarned}%</div>`
AchievementsTab.prepend(document.createElement('hr')); AchievementsTab.prepend(document.createElement('hr'))
AchievementsTab.prepend(ProgressBar); AchievementsTab.prepend(ProgressBar)
} }
function AchievementEarnedPercentage() { function AchievementEarnedPercentage() {
fetch('https://api.polytoria.com/v1/places/' + PlaceID) fetch('https://api.polytoria.com/v1/places/' + PlaceID)
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network not ok'); throw new Error('Network not ok')
} }
return response.json(); return response.json()
}) })
.then((data) => { .then(data => {
const UserCount = data.uniqueVisits; const UserCount = data.uniqueVisits
for (let achievement of Achievements) { for (let achievement of Achievements) {
const OwnerText = achievement.getElementsByClassName('text-muted small my-0')[0]; const OwnerText = achievement.getElementsByClassName('text-muted small my-0')[0]
// thanks to Stackoverflow on how to remove everything except numbers from string // thanks to Stackoverflow on how to remove everything except numbers from string
const OwnerCount = parseInt(OwnerText.innerText.replace(/[^0-9]/g, '')); const OwnerCount = parseInt(OwnerText.innerText.replace(/[^0-9]/g, ''))
const PercentageOfPlayers = ((OwnerCount * 100) / UserCount).toFixed(2); const PercentageOfPlayers = ((OwnerCount*100)/UserCount).toFixed(2)
OwnerText.innerHTML += ' (' + PercentageOfPlayers + '%, ' + GetAchievementDifficulty(PercentageOfPlayers) + ')'; OwnerText.innerHTML += " (" + PercentageOfPlayers + "%, " + GetAchievementDifficulty(PercentageOfPlayers) + ")"
} }
}) })
.catch((error) => { .catch(error => {console.log(error)});
console.log(error);
});
} }
function GetAchievementDifficulty(percent) { function GetAchievementDifficulty(percent) {
if (percent >= 90 && percent <= 100) { if (percent >= 90 && percent <= 100) {
return 'Freebie'; return 'Freebie'
} else if (percent >= 80 && percent <= 89.9) { } else if (percent >= 80 && percent <= 89.9) {
return 'Cake Walk'; return 'Cake Walk'
} else if (percent >= 50 && percent <= 79.9) { } else if (percent >= 50 && percent <= 79.9) {
return 'Easy'; return 'Easy'
} else if (percent >= 30 && percent <= 49.9) { } else if (percent >= 30 && percent <= 49.9) {
return 'Moderate'; return 'Moderate'
} else if (percent >= 20 && percent <= 29.9) { } else if (percent >= 20 && percent <= 29.9) {
return 'Challenging'; return 'Challenging'
} else if (percent >= 10 && percent <= 19.9) { } else if (percent >= 10 && percent <= 19.9) {
return 'Hard'; return 'Hard'
} else if (percent >= 5 && percent <= 9.9) { } else if (percent >= 5 && percent <= 9.9) {
return 'Extreme'; return 'Extreme'
} else if (percent >= 1 && percent <= 4.9) { } else if (percent >= 1 && percent <= 4.9) {
return 'Insane'; return 'Insane'
} else if (percent >= 0 && percent <= 0.9) { } else if (percent >= 0 && percent <= 0.9) {
return 'Impossible'; return 'Impossible'
} }
} }

23
js/places/places.js
View file

@ -6,28 +6,25 @@
let Settings; let Settings;
let PinnedGamesData; let PinnedGamesData;
chrome.storage.sync.get(['PolyPlus_Settings', 'PolyPlus_PinnedGames'], function (result) { chrome.storage.sync.get(['PolyPlus_Settings', 'PolyPlus_PinnedGames'], function(result){
Settings = result.PolyPlus_Settings || {}; Settings = result.PolyPlus_Settings || {}
PinnedGamesData = result.PolyPlus_PinnedGames || []; PinnedGamesData = result.PolyPlus_PinnedGames || []
if (Settings.PinnedGamesOn === true) { if (Settings.PinnedGamesOn === true) {}
} })
});
function PinnedGames() { function PinnedGames() {
for (let game of PinnedGamesData) { for (let game of PinnedGamesData) {
fetch('https://api.polytoria.com/v1/places/' + game) fetch('https://api.polytoria.com/v1/places/' + game)
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network not ok'); throw new Error('Network not ok')
} }
return response.json(); return response.json()
}) })
.then((data) => { .then(data => {
// epic // epic
}) })
.catch((error) => { .catch(error => {console.log(error)})
console.log(error);
});
} }
} }

20
js/settings.js
View file

@ -1,18 +1,18 @@
const SettingsURL = chrome.runtime.getURL('settings.html'); const SettingsURL = chrome.runtime.getURL('settings.html')
const InExtensionSettings = window.location.pathname.split('/')[3] === 'polyplus' && window.location.hash !== '#dev'; const InExtensionSettings = (window.location.pathname.split('/')[3] === "polyplus" && window.location.hash !== "#dev")
if (InExtensionSettings === true) { if (InExtensionSettings === true) {
window.location.href = SettingsURL + window.location.hash; window.location.href = SettingsURL + window.location.hash
} }
document.addEventListener('DOMContentLoaded', function () { document.addEventListener('DOMContentLoaded', function(){
const Nav = document.getElementsByClassName('nav nav-pills')[0]; const Nav = document.getElementsByClassName('nav nav-pills')[0]
const PolyPlusItem = document.createElement('a'); const PolyPlusItem = document.createElement('a')
PolyPlusItem.classList = 'nav-link'; PolyPlusItem.classList = 'nav-link'
PolyPlusItem.href = SettingsURL; PolyPlusItem.href = SettingsURL
PolyPlusItem.innerHTML = ` PolyPlusItem.innerHTML = `
<i class="fa-regular fa-sparkles me-1"></i> <span class="pilltitle">Poly+</span> <i class="fa-regular fa-sparkles me-1"></i> <span class="pilltitle">Poly+</span>
`; `
Nav.insertBefore(PolyPlusItem, Nav.getElementsByTagName('hr')[0]); Nav.insertBefore(PolyPlusItem, Nav.getElementsByTagName('hr')[0])
}); });

62
js/sitewide.js
View file

@ -3,25 +3,25 @@ let Theme = ``;
(async () => { (async () => {
let Utilities = await import(chrome.runtime.getURL('resources/utils.js')); let Utilities = await import(chrome.runtime.getURL('resources/utils.js'));
Utilities = Utilities.default; Utilities = Utilities.default
chrome.storage.sync.get(['PolyPlus_Settings'], function (result) { chrome.storage.sync.get(["PolyPlus_Settings"], function(result) {
// Merge settings and expected settings to make sure all keys exist // Merge settings and expected settings to make sure all keys exist
const RawSettings = result.PolyPlus_Settings; const RawSettings = result.PolyPlus_Settings
Settings = MergeObjects(RawSettings || Utilities.DefaultSettings, Utilities.DefaultSettings); Settings = MergeObjects(RawSettings || Utilities.DefaultSettings, Utilities.DefaultSettings);
// If theme exists, create a style element to represent it // If theme exists, create a style element to represent it
if (Settings.ThemeCreator.Enabled && Settings.ThemeCreator.Enabled === true) { if (Settings.ThemeCreator.Enabled && Settings.ThemeCreator.Enabled === true) {
switch (Settings.ThemeCreator.BGImageSize) { switch (Settings.ThemeCreator.BGImageSize) {
case 0: case 0:
Settings.ThemeCreator.BGImageSize = 'fit'; Settings.ThemeCreator.BGImageSize = 'fit'
break; break
case 1: case 1:
Settings.ThemeCreator.BGImageSize = 'cover'; Settings.ThemeCreator.BGImageSize = 'cover'
break; break
case 2: case 2:
Settings.ThemeCreator.BGImageSize = 'contain'; Settings.ThemeCreator.BGImageSize = 'contain'
break; break
} }
Theme += ` Theme += `
:root { :root {
@ -109,7 +109,7 @@ let Theme = ``;
.nav-sidebar-text { .nav-sidebar-text {
color: var(--polyplus-sidebaritemlabelcolor) !important; color: var(--polyplus-sidebaritemlabelcolor) !important;
} }
`; `
} }
}); });
@ -119,7 +119,7 @@ let Theme = ``;
div[style^="max-width: 728px;"]:has(.text-center a[href^="/ads/"]) { div[style^="max-width: 728px;"]:has(.text-center a[href^="/ads/"]) {
display: none; display: none;
} }
`; `
} }
if (Settings.HideUserAdsOn.Rectangles === true) { if (Settings.HideUserAdsOn.Rectangles === true) {
@ -127,7 +127,7 @@ let Theme = ``;
div[style^="max-width: 300px;"]:has(.text-center a[href^="/ads/"]) { div[style^="max-width: 300px;"]:has(.text-center a[href^="/ads/"]) {
display: none; display: none;
} }
`; `
} }
} }
@ -136,42 +136,42 @@ let Theme = ``;
.notif-nav .notif-sidebar { .notif-nav .notif-sidebar {
display: none; display: none;
} }
`; `
} }
// Credit to @SK-Fast (also known as DevPixels) for the improved loading code (taken from his original Poly+, and reformatted to Index Poly+) // Credit to @SK-Fast (also known as DevPixels) for the improved loading code (taken from his original Poly+, and reformatted to Index Poly+)
const ThemeBlob = new Blob([Theme], {type: 'text/css'}); const ThemeBlob = new Blob([Theme], { type: 'text/css' })
const ThemeURL = URL.createObjectURL(ThemeBlob); const ThemeURL = URL.createObjectURL(ThemeBlob)
document.head.innerHTML += `<link href="${ThemeURL}" rel="stylesheet" type="text/css">`; document.head.innerHTML += `<link href="${ThemeURL}" rel="stylesheet" type="text/css">`
document.addEventListener('DOMContentLoaded', async function () { document.addEventListener('DOMContentLoaded', async function() {
if (document.getElementsByClassName('card-header')[0] && document.getElementsByClassName('card-header')[0].innerText === ' Page not found') { if (document.getElementsByClassName('card-header')[0] && document.getElementsByClassName('card-header')[0].innerText === ' Page not found') {
return; return
} }
Utilities.InjectResource('getUserDetails'); Utilities.InjectResource('getUserDetails')
document.body.setAttribute('data-URL', window.location.pathname); document.body.setAttribute('data-URL', window.location.pathname)
const UserData = JSON.parse(window.localStorage.getItem('p+account_info')); const UserData = JSON.parse(window.localStorage.getItem('p+account_info'))
if (Settings.IRLPriceWithCurrency.Enabled === true) { if (Settings.IRLPriceWithCurrency.Enabled === true) {
const IRLResult = await Utilities.CalculateIRL(document.querySelector('.brickBalanceCont').innerText.replace(/\s+/g, ''), Settings.IRLPriceWithCurrency.Currency); const IRLResult = await Utilities.CalculateIRL(document.querySelector('.brickBalanceCont').innerText.replace(/\s+/g,''), Settings.IRLPriceWithCurrency.Currency)
// Desktop // Desktop
document.querySelector('.text-success .brickBalanceCount').innerHTML += ` (${IRLResult.icon}${IRLResult.result} ${IRLResult.display})`; document.querySelector('.text-success .brickBalanceCount').innerHTML += ` (${IRLResult.icon}${IRLResult.result} ${IRLResult.display})`
// Mobile // Mobile
document.querySelector('.text-success .brickBalanceCont').innerHTML += ` (${IRLResult.icon}${IRLResult.result} ${IRLResult.display})`; document.querySelector('.text-success .brickBalanceCont').innerHTML += ` (${IRLResult.icon}${IRLResult.result} ${IRLResult.display})`
//document.querySelector('.text-success .brickBalanceCont').innerHTML += `<div class="text-muted" style="font-size: 0.6rem;text-align: right;">(${IRLResult.icon}${IRLResult.result} ${IRLResult.display})</div>` //document.querySelector('.text-success .brickBalanceCont').innerHTML += `<div class="text-muted" style="font-size: 0.6rem;text-align: right;">(${IRLResult.icon}${IRLResult.result} ${IRLResult.display})</div>`
} }
if (Settings.ModifyNavOn && Settings.ModifyNavOn === true) { if (Settings.ModifyNavOn && Settings.ModifyNavOn === true) {
let NavbarItems = document.querySelectorAll('.navbar-nav.me-auto a.nav-link[href]'); let NavbarItems = document.querySelectorAll('.navbar-nav.me-auto a.nav-link[href]')
let Needed = [NavbarItems[11], NavbarItems[12], NavbarItems[13], NavbarItems[14], NavbarItems[15]]; let Needed = [NavbarItems[11],NavbarItems[12],NavbarItems[13],NavbarItems[14],NavbarItems[15]]
for (let i = 0; i < Settings.ModifyNav.length; i++) { for (let i = 0; i < Settings.ModifyNav.length; i++) {
if (Settings.ModifyNav[i].Label != null) { if (Settings.ModifyNav[i].Label != null) {
console.log(Needed[i], Needed[i].children[1]); console.log(Needed[i], Needed[i].children[1])
Needed[i].children[1].innerText = Settings.ModifyNav[i].Label; Needed[i].children[1].innerText = Settings.ModifyNav[i].Label
Needed[i].href = Settings.ModifyNav[i].Link; Needed[i].href = Settings.ModifyNav[i].Link
} }
} }
} }
@ -183,9 +183,7 @@ let Theme = ``;
*/ */
if (Settings.HideNotifBadgesOn === true) { if (Settings.HideNotifBadgesOn === true) {
document.getElementsByClassName('notif-nav notif-sidebar').forEach((element) => { document.getElementsByClassName('notif-nav notif-sidebar').forEach(element => {element.remove();});
element.remove();
});
} }
}); });
})(); })();

613
js/store/item-view.js
View file

@ -1,6 +1,6 @@
const ItemID = window.location.pathname.split('/')[2]; const ItemID = window.location.pathname.split('/')[2]
const ItemType = document.querySelector('.row .badge').innerHTML; const ItemType = document.querySelector('.row .badge').innerHTML
console.log(ItemType); console.log(ItemType)
var Settings; var Settings;
var ItemWishlist; var ItemWishlist;
@ -14,79 +14,79 @@ var Utilities;
(async () => { (async () => {
Utilities = await import(chrome.runtime.getURL('resources/utils.js')); Utilities = await import(chrome.runtime.getURL('resources/utils.js'));
Utilities = Utilities.default; Utilities = Utilities.default
chrome.storage.sync.get(['PolyPlus_Settings'], async function (result) { chrome.storage.sync.get(['PolyPlus_Settings'], async function(result){
Settings = result.PolyPlus_Settings || {}; Settings = result.PolyPlus_Settings || {}
PurchaseBtn = document.querySelector('.btn[onclick^="buy"]'); PurchaseBtn = document.querySelector('.btn[onclick^="buy"]')
if (PurchaseBtn === null) { if (PurchaseBtn === null) {
PurchaseBtn = document.querySelector('.btn#purchase-button'); PurchaseBtn = document.querySelector('.btn#purchase-button')
} }
ItemOwned = PurchaseBtn.innerText === ' Item owned' || document.querySelector('.btn[onclick="sellItem()"]') !== null; ItemOwned = (PurchaseBtn.innerText === ' Item owned' || document.querySelector('.btn[onclick="sellItem()"]') !== null)
if (PurchaseBtn.getAttribute('data-seller-name')) { if (PurchaseBtn.getAttribute('data-seller-name')) {
PurchaseBtn.setAttribute('data-bs-toggle', 'tooltip'); PurchaseBtn.setAttribute('data-bs-toggle', 'tooltip')
PurchaseBtn.setAttribute('data-bs-title', 'Sold by ' + PurchaseBtn.getAttribute('data-seller-name')); PurchaseBtn.setAttribute('data-bs-title', 'Sold by ' + PurchaseBtn.getAttribute('data-seller-name'))
Utilities.InjectResource('registerTooltips'); Utilities.InjectResource('registerTooltips')
} }
if (Settings.IRLPriceWithCurrency.Enabled === true && ItemOwned === false) { if (Settings.IRLPriceWithCurrency.Enabled === true && ItemOwned === false) {
IRLPrice(); IRLPrice()
} }
if (Settings.ItemWishlistOn === true) { if (Settings.ItemWishlistOn === true) {
HandleItemWishlist(); HandleItemWishlist()
} }
if (Settings.TryOnItemsOn === true && (Utilities.MeshTypes.indexOf(ItemType.toLowerCase()) !== -1 || Utilities.TextureTypes.indexOf(ItemType.toLowerCase()) !== -1)) { if (Settings.TryOnItemsOn === true && (Utilities.MeshTypes.indexOf(ItemType.toLowerCase()) !== -1 || Utilities.TextureTypes.indexOf(ItemType.toLowerCase()) !== -1)) {
TryOnItems(); TryOnItems()
} }
if (Settings.ReplaceItemSalesOn === true) { if (Settings.ReplaceItemSalesOn === true) {
const Sales = document.querySelectorAll('.col:has(h6):has(h3.small)')[2]; const Sales = document.querySelectorAll('.col:has(h6):has(h3.small)')[2]
if (Sales.children[1].innerText === '0') { if (Sales.children[1].innerText === '0') {
InitialOwners = await (await fetch('https://api.polytoria.com/v1/store/' + ItemID + '/owners?limit=100')).json(); InitialOwners = (await (await fetch('https://api.polytoria.com/v1/store/' + ItemID + '/owners?limit=100')).json())
Sales.children[0].innerText = 'Owners'; Sales.children[0].innerText = 'Owners'
Sales.children[1].innerText = Owners.total.toLocaleString(); Sales.children[1].innerText = Owners.total.toLocaleString()
} }
} }
if (document.getElementById('resellers') !== null) { if (document.getElementById('resellers') !== null) {
if (Settings.HoardersList.Enabled === true) { if (Settings.HoardersList.Enabled === true) {
console.log(parseInt(Settings.HoardersList.MinCopies)); console.log(parseInt(Settings.HoardersList.MinCopies))
HoardersList(parseInt(Settings.HoardersList.MinCopies), Settings.HoardersList.AvatarsEnabled); HoardersList(parseInt(Settings.HoardersList.MinCopies), Settings.HoardersList.AvatarsEnabled)
} }
} else if (document.getElementById('timer') && /\d/.test(document.getElementById('timer').innerText)) { } else if (document.getElementById('timer') && /\d/.test(document.getElementById('timer').innerText)) {
CheckOwner(); CheckOwner()
} }
}); })
})(); })();
chrome.storage.onChanged.addListener(function (changes, namespace) { chrome.storage.onChanged.addListener(function(changes, namespace) {
if ('PolyPlus_ItemWishlist' in changes) { if ('PolyPlus_ItemWishlist' in changes) {
chrome.storage.sync.get(['PolyPlus_ItemWishlist'], function (result) { chrome.storage.sync.get(['PolyPlus_ItemWishlist'], function(result) {
ItemWishlist = result.PolyPlus_ItemWishlist || []; ItemWishlist = result.PolyPlus_ItemWishlist || [];
if (Array.isArray(ItemWishlist) && ItemWishlist.includes(parseInt(ItemID))) { if (Array.isArray(ItemWishlist) && ItemWishlist.includes(parseInt(ItemID))) {
WishlistBtn.classList = 'btn btn-danger btn-sm'; WishlistBtn.classList = 'btn btn-danger btn-sm'
WishlistBtn.innerHTML = ` WishlistBtn.innerHTML = `
<i class="fa fa-star" style="margin-right: 2.5px;"></i> Un-Wishlist Item <i class="fa fa-star" style="margin-right: 2.5px;"></i> Un-Wishlist Item
`; `
} else { } else {
if (!(ItemWishlist.length === 25)) { if (!(ItemWishlist.length === 25)) {
WishlistBtn.removeAttribute('disabled'); WishlistBtn.removeAttribute('disabled')
WishlistBtn.classList = 'btn btn-warning btn-sm'; WishlistBtn.classList = 'btn btn-warning btn-sm'
WishlistBtn.innerHTML = ` WishlistBtn.innerHTML = `
<i class="fa fa-star" style="margin-right: 2.5px;"></i> Wishlist Item <i class="fa fa-star" style="margin-right: 2.5px;"></i> Wishlist Item
`; `
} else { } else {
WishlistBtn.setAttribute('disabled', true); WishlistBtn.setAttribute('disabled', true)
WishlistBtn.classList = 'btn btn-warning btn-sm'; WishlistBtn.classList = 'btn btn-warning btn-sm'
WishlistBtn.innerHTML = ` WishlistBtn.innerHTML = `
<i class="fa fa-star" style="margin-right: 2.5px;"></i> Wishlist Item <i class="fa fa-star" style="margin-right: 2.5px;"></i> Wishlist Item
`; `
} }
} }
}); });
@ -94,212 +94,210 @@ chrome.storage.onChanged.addListener(function (changes, namespace) {
}); });
async function IRLPrice() { async function IRLPrice() {
const Price = PurchaseBtn.getAttribute('data-price'); const Price = PurchaseBtn.getAttribute('data-price')
if (Price === null || Price === '0') { if (Price === null || Price === "0") { return }
return; const Span = document.createElement('span')
} Span.classList = 'text-muted polyplus-own-tag'
const Span = document.createElement('span'); Span.style.fontSize = '0.7rem'
Span.classList = 'text-muted polyplus-own-tag'; Span.style.fontWeight = 'normal'
Span.style.fontSize = '0.7rem'; const IRLResult = await Utilities.CalculateIRL(Price, Settings.IRLPriceWithCurrency.Currency)
Span.style.fontWeight = 'normal'; Span.innerText = "($" + IRLResult.result + " " + IRLResult.display + ")"
const IRLResult = await Utilities.CalculateIRL(Price, Settings.IRLPriceWithCurrency.Currency); PurchaseBtn.appendChild(Span)
Span.innerText = '($' + IRLResult.result + ' ' + IRLResult.display + ')';
PurchaseBtn.appendChild(Span);
} }
function HandleItemWishlist() { function HandleItemWishlist() {
const DescriptionText = document.querySelector('.mcard .card-body:has(p)'); const DescriptionText = document.querySelector('.mcard .card-body:has(p)')
WishlistBtn = document.createElement('button'); WishlistBtn = document.createElement('button')
chrome.storage.sync.get(['PolyPlus_ItemWishlist'], function (result) { chrome.storage.sync.get(['PolyPlus_ItemWishlist'], function(result){
ItemWishlist = result.PolyPlus_ItemWishlist || []; ItemWishlist = result.PolyPlus_ItemWishlist || [];
if (ItemOwned === true) { if (ItemOwned === true) {
if (ItemWishlist.includes(parseInt(ItemID))) { if (ItemWishlist.includes(parseInt(ItemID))) {
ItemWishlist.splice(ItemWishlist.indexOf(parseInt(ItemID)), 1); ItemWishlist.splice(ItemWishlist.indexOf(parseInt(ItemID)), 1)
chrome.storage.sync.set({PolyPlus_ItemWishlist: ItemWishlist, arrayOrder: true}); chrome.storage.sync.set({'PolyPlus_ItemWishlist': ItemWishlist, arrayOrder: true});
} }
return; return
} }
if (ItemOwned === true) { if (ItemOwned === true) {
return; return
} else if (ItemOwned === true && ItemWishlist.includes(parseInt(ItemID))) { } else if (ItemOwned === true && ItemWishlist.includes(parseInt(ItemID))) {
ItemWishlist.splice(ItemWishlist.indexOf(parseInt(ItemID)), 1); ItemWishlist.splice(ItemWishlist.indexOf(parseInt(ItemID)), 1)
return; return
} }
if (ItemWishlist.includes(parseInt(ItemID))) { if (ItemWishlist.includes(parseInt(ItemID))) {
WishlistBtn.classList = 'btn btn-danger btn-sm'; WishlistBtn.classList = 'btn btn-danger btn-sm'
WishlistBtn.innerHTML = ` WishlistBtn.innerHTML = `
<i class="fa fa-star" style="margin-right: 2.5px;"></i> Un-Wishlist Item <i class="fa fa-star" style="margin-right: 2.5px;"></i> Un-Wishlist Item
`; `
} else { } else {
WishlistBtn.classList = 'btn btn-warning btn-sm'; WishlistBtn.classList = 'btn btn-warning btn-sm'
WishlistBtn.innerHTML = ` WishlistBtn.innerHTML = `
<i class="fa fa-star" style="margin-right: 2.5px;"></i> Wishlist Item <i class="fa fa-star" style="margin-right: 2.5px;"></i> Wishlist Item
`; `
} }
WishlistBtn.addEventListener('click', function () { WishlistBtn.addEventListener('click', function(){
WishlistBtn.setAttribute('disabled', true); WishlistBtn.setAttribute('disabled', true)
chrome.storage.sync.get(['PolyPlus_ItemWishlist'], function (result) { chrome.storage.sync.get(['PolyPlus_ItemWishlist'], function(result){
ItemWishlist = result.PolyPlus_ItemWishlist || []; ItemWishlist = result.PolyPlus_ItemWishlist || [];
let i = ItemWishlist.indexOf(parseInt(ItemID)); let i = ItemWishlist.indexOf(parseInt(ItemID))
if (i !== -1) { if (i !== -1) {
ItemWishlist.splice(i, 1); ItemWishlist.splice(i, 1)
WishlistBtn.classList = 'btn btn-warning btn-sm'; WishlistBtn.classList = 'btn btn-warning btn-sm'
WishlistBtn.innerHTML = ` WishlistBtn.innerHTML = `
<i class="fa fa-star" style="margin-right: 2.5px;"></i> Wishlist Item <i class="fa fa-star" style="margin-right: 2.5px;"></i> Wishlist Item
`; `
} else { } else {
ItemWishlist.push(parseInt(ItemID)); ItemWishlist.push(parseInt(ItemID))
WishlistBtn.classList = 'btn btn-danger btn-sm'; WishlistBtn.classList = 'btn btn-danger btn-sm'
WishlistBtn.innerHTML = ` WishlistBtn.innerHTML = `
<i class="fa fa-star" style="margin-right: 2.5px;"></i> Un-Wishlist Item <i class="fa fa-star" style="margin-right: 2.5px;"></i> Un-Wishlist Item
`; `
} }
chrome.storage.sync.set({PolyPlus_ItemWishlist: ItemWishlist, arrayOrder: true}, function () { chrome.storage.sync.set({'PolyPlus_ItemWishlist': ItemWishlist, arrayOrder: true}, function() {
setTimeout(function () { setTimeout(function() {
WishlistBtn.removeAttribute('disabled'); WishlistBtn.removeAttribute('disabled')
}, 1250); }, 1250)
}); });
}); });
}); });
DescriptionText.appendChild(document.createElement('br')); DescriptionText.appendChild(document.createElement('br'))
DescriptionText.appendChild(WishlistBtn); DescriptionText.appendChild(WishlistBtn)
}); });
} }
function TryOnItems() { function TryOnItems() {
const Avatar = { const Avatar = {
useCharacter: true, "useCharacter": true,
items: [], "items": [],
shirt: 'https://c0.ptacdn.com/assets/uWrrnFGwgNN5W171vqYTWY7E639rKiXK.png', "shirt": "https://c0.ptacdn.com/assets/uWrrnFGwgNN5W171vqYTWY7E639rKiXK.png",
pants: 'https://c0.ptacdn.com/assets/HD6TFdXD8CaflRNmd84VCNyNsmTB0SH3.png', "pants": "https://c0.ptacdn.com/assets/HD6TFdXD8CaflRNmd84VCNyNsmTB0SH3.png",
headColor: '#e0e0e0', "headColor": "#e0e0e0",
torsoColor: '#e0e0e0', "torsoColor": "#e0e0e0",
leftArmColor: '#e0e0e0', "leftArmColor": "#e0e0e0",
rightArmColor: '#e0e0e0', "rightArmColor": "#e0e0e0",
leftLegColor: '#e0e0e0', "leftLegColor": "#e0e0e0",
rightLegColor: '#e0e0e0' "rightLegColor": "#e0e0e0"
}; }
let AssetType = document.querySelector('.px-4.px-lg-0.text-muted.text-uppercase.mb-3 .badge').innerHTML; let AssetType = document.querySelector('.px-4.px-lg-0.text-muted.text-uppercase.mb-3 .badge').innerHTML
const ItemThumbnail = document.getElementsByClassName('store-thumbnail')[0]; const ItemThumbnail = document.getElementsByClassName('store-thumbnail')[0]
//const IFrame = document.getElementsByClassName('store-thumbnail-3d')[0] //const IFrame = document.getElementsByClassName('store-thumbnail-3d')[0]
const TryIFrame = document.createElement('iframe'); const TryIFrame = document.createElement('iframe')
TryIFrame.style = 'width: 100%; height: auto; aspect-ratio: 1; border-radius: 20px;'; TryIFrame.style = 'width: 100%; height: auto; aspect-ratio: 1; border-radius: 20px;'
const TryOnBtn = document.createElement('button'); const TryOnBtn = document.createElement('button')
TryOnBtn.classList = 'btn btn-warning'; TryOnBtn.classList = 'btn btn-warning'
TryOnBtn.style = 'position: absolute; bottom: 60px; right: 10px;'; TryOnBtn.style = 'position: absolute; bottom: 60px; right: 10px;'
if (document.getElementsByClassName('3dviewtoggler')[0] === undefined) { if (document.getElementsByClassName('3dviewtoggler')[0] === undefined) {
TryOnBtn.style.bottom = '15px'; TryOnBtn.style.bottom = '15px'
} }
//TryOnBtn.setAttribute('data-bs-toggle', 'tooltip') //TryOnBtn.setAttribute('data-bs-toggle', 'tooltip')
//TryOnBtn.setAttribute('data-bs-title', 'Try this item on your avatar') //TryOnBtn.setAttribute('data-bs-title', 'Try this item on your avatar')
TryOnBtn.innerHTML = '<i class="fa-duotone fa-vial"></i>'; TryOnBtn.innerHTML = '<i class="fa-duotone fa-vial"></i>'
TryOnBtn.addEventListener('click', function () { TryOnBtn.addEventListener('click', function (){
fetch('https://api.polytoria.com/v1/users/' + JSON.parse(window.localStorage.getItem('p+account_info')).ID + '/avatar') fetch("https://api.polytoria.com/v1/users/" + JSON.parse(window.localStorage.getItem('p+account_info')).ID + "/avatar")
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network response was not ok'); throw new Error('Network response was not ok');
} }
return response.json(); return response.json();
}) })
.then((data) => { .then(data => {
data.assets.forEach((item) => { data.assets.forEach(item => {
switch (item.type) { switch (item.type) {
case 'hat': case 'hat':
Avatar.items[Avatar.items.length] = item.path || ''; Avatar.items[Avatar.items.length] = item.path || ''
break; break
case 'face': case 'face':
Avatar.face = item.path || ''; Avatar.face = item.path || ''
break; break
case 'tool': case 'tool':
Avatar.tool = item.path || ''; Avatar.tool = item.path || ''
break; break
case 'shirt': case 'shirt':
Avatar.shirt = item.path || ''; Avatar.shirt = item.path || ''
break; break
case 'pants': case 'pants':
Avatar.pants = item.path || ''; Avatar.pants = item.path || ''
break; break
} }
}); });
Avatar.headColor = '#' + data.colors.head; Avatar.headColor = "#" + data.colors.head
Avatar.torsoColor = '#' + data.colors.torso; Avatar.torsoColor = "#" + data.colors.torso
Avatar.leftArmColor = '#' + data.colors.leftArm; Avatar.leftArmColor = "#" + data.colors.leftArm
Avatar.rightArmColor = '#' + data.colors.rightArm; Avatar.rightArmColor = "#" + data.colors.rightArm
Avatar.leftLegColor = '#' + data.colors.leftLeg; Avatar.leftLegColor = "#" + data.colors.leftLeg
Avatar.rightLegColor = '#' + data.colors.rightLeg; Avatar.rightLegColor = "#" + data.colors.rightLeg
if (Utilities.MeshTypes.indexOf(AssetType.toLowerCase()) !== -1) { if (Utilities.MeshTypes.indexOf(AssetType.toLowerCase()) !== -1) {
fetch('https://api.polytoria.com/v1/assets/serve-mesh/:id'.replace(':id', window.location.pathname.split('/')[2])) fetch("https://api.polytoria.com/v1/assets/serve-mesh/:id".replace(':id', window.location.pathname.split('/')[2]))
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network response was not ok'); throw new Error('Network response was not ok');
} }
return response.json(); return response.json();
}) })
.then((data) => { .then(data => {
if (ItemType === 'tool') { if (ItemType === 'tool') {
Avatar.tool = data.url; Avatar.tool = data.url
} else { } else {
Avatar.items.push(data.url); Avatar.items.push(data.url)
} }
console.log(Avatar); console.log(Avatar)
TryIFrame.src = 'https://polytoria.com/ptstatic/itemview/#' + btoa(encodeURIComponent(JSON.stringify(Avatar))); TryIFrame.src = 'https://polytoria.com/ptstatic/itemview/#' + btoa(encodeURIComponent(JSON.stringify(Avatar)))
}) })
.catch((error) => { .catch(error => {
console.error('Fetch error:', error); console.error('Fetch error:', error);
}); });
} else if (Utilities.TextureTypes.indexOf(AssetType.toLowerCase()) !== -1) { } else if (Utilities.TextureTypes.indexOf(AssetType.toLowerCase()) !== -1) {
fetch('https://api.polytoria.com/v1/assets/serve/:id/Asset'.replace(':id', window.location.pathname.split('/')[2])) fetch("https://api.polytoria.com/v1/assets/serve/:id/Asset".replace(':id', window.location.pathname.split('/')[2]))
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network response was not ok'); throw new Error('Network response was not ok');
} }
return response.json(); return response.json();
}) })
.then((data) => { .then(data => {
switch (AssetType) { switch (AssetType) {
case 'Shirt': case 'Shirt':
console.log('IS SHIRT'); console.log('IS SHIRT')
Avatar.shirt = data.url; Avatar.shirt = data.url
break; break
case 'Pants': case 'Pants':
console.log('IS PANTS'); console.log('IS PANTS')
Avatar.pants = data.url; Avatar.pants = data.url
break; break
case 'Face': case 'Face':
console.log('IS FACE'); console.log('IS FACE')
Avatar.face = data.url; Avatar.face = data.url
break; break
} }
TryIFrame.src = 'https://polytoria.com/ptstatic/itemview/#' + btoa(encodeURIComponent(JSON.stringify(Avatar))); TryIFrame.src = 'https://polytoria.com/ptstatic/itemview/#' + btoa(encodeURIComponent(JSON.stringify(Avatar)))
}) })
.catch((error) => { .catch(error => {
console.error('Fetch error:', error); console.error('Fetch error:', error);
}); });
} }
}) })
.catch((error) => { .catch(error => {
console.error('Fetch error:', error); console.error('Fetch error:', error);
}); });
TryOnModal.showModal(); TryOnModal.showModal()
}); });
let TryOnModal = document.createElement('dialog'); let TryOnModal = document.createElement('dialog')
TryOnModal.classList = 'polyplus-modal'; TryOnModal.classList = 'polyplus-modal'
TryOnModal.setAttribute('style', 'width: 450px; border: 1px solid #484848; background-color: #181818; border-radius: 20px; overflow: hidden;'); TryOnModal.setAttribute('style', 'width: 450px; border: 1px solid #484848; background-color: #181818; border-radius: 20px; overflow: hidden;')
TryOnModal.innerHTML = ` TryOnModal.innerHTML = `
<div class="row text-muted mb-2" style="font-size: 0.8rem;"> <div class="row text-muted mb-2" style="font-size: 0.8rem;">
<div class="col"> <div class="col">
@ -311,133 +309,118 @@ function TryOnItems() {
</div> </div>
</div> </div>
<div class="modal-body"></div> <div class="modal-body"></div>
`; `
document.body.prepend(TryOnModal); document.body.prepend(TryOnModal)
ItemThumbnail.parentElement.appendChild(TryOnBtn); ItemThumbnail.parentElement.appendChild(TryOnBtn)
TryOnModal.children[1].prepend(TryIFrame); TryOnModal.children[1].prepend(TryIFrame)
//Utilities.InjectResource('registerTooltips') //Utilities.InjectResource('registerTooltips')
} }
async function HoardersList(min, avatars) { async function HoardersList(min, avatars) {
let Page = 0; let Page = 0
let Tabs = document.getElementById('store-tabs'); let Tabs = document.getElementById('store-tabs')
const Tab = document.createElement('li'); const Tab = document.createElement('li')
Tab.classList = 'nav-item'; Tab.classList = 'nav-item'
Tab.innerHTML = ` Tab.innerHTML = `
<a class="nav-link"> <a class="nav-link">
<i class="fas fa-calculator me-1"></i> <i class="fas fa-calculator me-1"></i>
<span class="d-none d-sm-inline"><span class="pilltitle">Hoarders</span> <span class="d-none d-sm-inline"><span class="pilltitle">Hoarders</span>
</a> </a>
`; `
Tabs.appendChild(Tab); Tabs.appendChild(Tab)
const TabContent = document.createElement('div'); const TabContent = document.createElement('div')
TabContent.classList = 'd-none'; TabContent.classList = 'd-none'
TabContent.innerHTML = ` TabContent.innerHTML = `
<small class="d-block text-center text-muted" style="font-size: 0.8rem;"> <small class="d-block text-center text-muted" style="font-size: 0.8rem;">
loading... (this may take a few seconds) loading... (this may take a few seconds)
</small> </small>
<lottie-player id="avatar-loading" src="https://c0.ptacdn.com/static/images/lottie/poly-brick-loading.2b51aa85.json" background="transparent" speed="1" style="width: 20%;height: auto;margin: -16px auto 50px;margin-top: 0px;" loop="" autoplay=""></lottie-player> <lottie-player id="avatar-loading" src="https://c0.ptacdn.com/static/images/lottie/poly-brick-loading.2b51aa85.json" background="transparent" speed="1" style="width: 20%;height: auto;margin: -16px auto 50px;margin-top: 0px;" loop="" autoplay=""></lottie-player>
`; `
document.getElementById('owners').parentElement.appendChild(TabContent); document.getElementById('owners').parentElement.appendChild(TabContent)
// Add tab logic // Add tab logic
Array.from(Tabs.children).forEach((tab) => { Array.from(Tabs.children).forEach(tab => {
tab.addEventListener('click', function () { tab.addEventListener('click', function() {
if (tab === Tab) { if (tab === Tab) {
Array.from(Tabs.children).forEach((tab) => { Array.from(Tabs.children).forEach(tab => {tab.children[0].classList.remove('active')})
tab.children[0].classList.remove('active'); Array.from(document.getElementById('owners').parentElement.children).forEach(tab => {tab.classList.add('d-none')})
}); tab.children[0].classList.add('active')
Array.from(document.getElementById('owners').parentElement.children).forEach((tab) => { TabContent.classList.remove('d-none')
tab.classList.add('d-none');
});
tab.children[0].classList.add('active');
TabContent.classList.remove('d-none');
} }
}); })
}); })
let Fetched = false; let Fetched = false
Tab.addEventListener('click', async function () { Tab.addEventListener('click', async function(){
if (Fetched === true) { if (Fetched === true) { return }
return; Fetched = true
}
Fetched = true;
const Owners = []; const Owners = []
if (InitialOwners === undefined) { if (InitialOwners === undefined) {
InitialOwners = await (await fetch('https://api.polytoria.com/v1/store/' + ItemID + '/owners?limit=100')).json(); InitialOwners = (await (await fetch('https://api.polytoria.com/v1/store/' + ItemID + '/owners?limit=100')).json())
} }
Owners.push(...InitialOwners.inventories); Owners.push(...InitialOwners.inventories)
// Get owners (up to 300, if needed) // Get owners (up to 300, if needed)
if (InitialOwners.pages > 3) { if (InitialOwners.pages > 3) {
InitialOwners.pages = 3; InitialOwners.pages = 3
} }
if (InitialOwners.pages > 1 && OwnerPagesFetched < InitialOwners.pages) { if (InitialOwners.pages > 1 && OwnerPagesFetched < InitialOwners.pages) {
for (let i = 1; i < InitialOwners.pages; i++) { for (let i = 1; i < InitialOwners.pages; i++) {
const PageResult = (await (await fetch('https://api.polytoria.com/v1/store/' + ItemID + '/owners?limit=100&page=' + (i + 1))).json()).inventories; const PageResult = (await (await fetch('https://api.polytoria.com/v1/store/' + ItemID + '/owners?limit=100&page=' + (i+1))).json()).inventories
console.log(PageResult); console.log(PageResult)
Owners.push(...PageResult); Owners.push(...PageResult)
} }
} }
const Formatted = {}; const Formatted = {}
// Count copies & store serials of owners // Count copies & store serials of owners
for (let owner of Owners) { for (let owner of Owners) {
if (Formatted[owner.user.id] !== undefined) { if (Formatted[owner.user.id] !== undefined) {
Formatted[owner.user.id].copies++; Formatted[owner.user.id].copies++
Formatted[owner.user.id].serials.push(owner.serial); Formatted[owner.user.id].serials.push(owner.serial)
} else { } else {
Formatted[owner.user.id] = { Formatted[owner.user.id] = {
user: owner.user, user: owner.user,
copies: 1, copies: 1,
serials: [owner.serial] serials: [owner.serial]
}; }
} }
} }
let Hoarders = await new Promise(async (resolve, reject) => { let Hoarders = await new Promise(async (resolve, reject) => {
const Sorted = Object.values(Formatted) const Sorted = Object.values(Formatted).filter((x, index) => x.copies >= min).sort((a, b) => b.copies - a.copies)
.filter((x, index) => x.copies >= min)
.sort((a, b) => b.copies - a.copies);
if (avatars === true) { if (avatars === true) {
for (let hoarder of Sorted) { for (let hoarder of Sorted) {
const Avatar = (await (await fetch('https://api.polytoria.com/v1/users/' + hoarder.user.id)).json()).thumbnail.icon; const Avatar = (await (await fetch('https://api.polytoria.com/v1/users/' + hoarder.user.id)).json()).thumbnail.icon;
hoarder.user.avatar = Avatar; hoarder.user.avatar = Avatar;
} }
} }
resolve(Sorted); resolve(Sorted)
}); })
let AmountOfHoarders = Hoarders.length; let AmountOfHoarders = Hoarders.length
// Break hoarders into groups of 4 // Break hoarders into groups of 4
let Groups = []; let Groups = []
while (Hoarders.length > 0) { while (Hoarders.length > 0) {
Groups.push(Hoarders.splice(0, 4)); Groups.push(Hoarders.splice(0, 4))
} }
TabContent.innerHTML = ` TabContent.innerHTML = `
<div id="p+hoarders-container"> <div id="p+hoarders-container">
${ ${ (Groups[Page] !== undefined) ? Groups[Page].map((x) => `
Groups[Page] !== undefined
? Groups[Page].map(
(x) => `
<div class="card mb-3"> <div class="card mb-3">
<div class="card-body"> <div class="card-body">
<div class="row"> <div class="row">
${ ${ (avatars === true) ? `
avatars === true
? `
<div class="col-auto"> <div class="col-auto">
<img src="${x.user.avatar}" alt="${x.user.username}" width="72" class="rounded-circle border border-2 border-secondary bg-dark"> <img src="${x.user.avatar}" alt="${x.user.username}" width="72" class="rounded-circle border border-2 border-secondary bg-dark">
</div> </div>
` ` : '' }
: ''
}
<div class="col d-flex align-items-center"> <div class="col d-flex align-items-center">
<div> <div>
<h6 class="mb-1"> <h6 class="mb-1">
@ -449,7 +432,7 @@ async function HoardersList(min, avatars) {
<div class="col-auto d-flex align-items-center"> <div class="col-auto d-flex align-items-center">
<!-- <!--
<div> <div>
<h5 style="margin: 0px;margin-right: 10px;">${((x.copies / InitialOwners.total) * 100).toFixed(2)}%</h5> <h5 style="margin: 0px;margin-right: 10px;">${ ((x.copies/InitialOwners.total)*100).toFixed(2) }%</h5>
</div> </div>
--> -->
<a class="btn btn-warning" type="button" href="/trade/new/${x.user.id}"> <a class="btn btn-warning" type="button" href="/trade/new/${x.user.id}">
@ -460,8 +443,7 @@ async function HoardersList(min, avatars) {
</div> </div>
</div> </div>
</div> </div>
` `).join('')
).join('')
: ` : `
<div class="card mb-3"> <div class="card mb-3">
<div class="card-body text-center py-5 text-muted"> <div class="card-body text-center py-5 text-muted">
@ -470,8 +452,7 @@ async function HoardersList(min, avatars) {
<p class="mb-0">This item is fresh and doesn't have any hoarders yet! Come back later!</p> <p class="mb-0">This item is fresh and doesn't have any hoarders yet! Come back later!</p>
</div> </div>
</div> </div>
` `}
}
</div> </div>
<nav aria-label="Hoarders"> <nav aria-label="Hoarders">
<ul class="pagination justify-content-center"> <ul class="pagination justify-content-center">
@ -505,97 +486,90 @@ async function HoardersList(min, avatars) {
</li> </li>
</ul> </ul>
</nav> </nav>
`; `
Utilities.InjectResource('registerTooltips'); Utilities.InjectResource('registerTooltips')
const Container = document.getElementById('p+hoarders-container'); const Container = document.getElementById('p+hoarders-container')
// Pagination is annoying // Pagination is annoying
const First = document.getElementById('p+hoarders-first-pg'); const First = document.getElementById('p+hoarders-first-pg')
const Prev = document.getElementById('p+hoarders-prev-pg'); const Prev = document.getElementById('p+hoarders-prev-pg')
const Current = document.getElementById('p+hoarders-current-pg'); const Current = document.getElementById('p+hoarders-current-pg')
const Next = document.getElementById('p+hoarders-next-pg'); const Next = document.getElementById('p+hoarders-next-pg')
const Last = document.getElementById('p+hoarders-last-pg'); const Last = document.getElementById('p+hoarders-last-pg')
const MinCopies = document.getElementById('p+hoarders-min-copies'); const MinCopies = document.getElementById('p+hoarders-min-copies')
MinCopies.selectedIndex = Array.from(MinCopies.children).indexOf(MinCopies.querySelector(`option[value="${min}"]`)); MinCopies.selectedIndex = Array.from(MinCopies.children).indexOf(MinCopies.querySelector(`option[value="${min}"]`))
if (Page > 0) { if (Page > 0) {
Prev.parentElement.classList.remove('disabled'); Prev.parentElement.classList.remove('disabled')
First.parentElement.classList.remove('disabled'); First.parentElement.classList.remove('disabled')
} else { } else {
Prev.parentElement.classList.add('disabled'); Prev.parentElement.classList.add('disabled')
First.parentElement.classList.add('disabled'); First.parentElement.classList.add('disabled')
} }
if (Page < Groups.length - 1) { if (Page < Groups.length-1) {
Next.parentElement.classList.remove('disabled'); Next.parentElement.classList.remove('disabled')
Last.parentElement.classList.remove('disabled'); Last.parentElement.classList.remove('disabled')
} else { } else {
Next.parentElement.classList.add('disabled'); Next.parentElement.classList.add('disabled')
Last.parentElement.classList.add('disabled'); Last.parentElement.classList.add('disabled')
} }
First.addEventListener('click', function () { First.addEventListener('click', function() {
if (Page > 0) { if (Page > 0) {
Page = 0; Page = 0
UpdateHoardersList(); UpdateHoardersList()
} }
}); })
Prev.addEventListener('click', function () { Prev.addEventListener('click', function() {
if (Page > 0) { if (Page > 0) {
Page--; Page--
UpdateHoardersList(); UpdateHoardersList()
} }
}); })
Next.addEventListener('click', function () { Next.addEventListener('click', function() {
if (Page < Groups.length - 1) { if (Page < Groups.length-1) {
Page++; Page++
UpdateHoardersList(); UpdateHoardersList()
} }
}); })
Last.addEventListener('click', function () { Last.addEventListener('click', function() {
if (Page < Groups.length - 1) { if (Page < Groups.length-1) {
Page = Groups.length - 1; Page = Groups.length-1
UpdateHoardersList(); UpdateHoardersList()
} }
}); })
MinCopies.addEventListener('change', function () { MinCopies.addEventListener('change', function(){
Page = 0; Page = 0
min = parseInt(MinCopies.options[MinCopies.selectedIndex].value); min = parseInt(MinCopies.options[MinCopies.selectedIndex].value)
Hoarders = Object.values(Formatted) Hoarders = Object.values(Formatted).filter((x, index) => x.copies >= min).sort((a, b) => b.copies - a.copies)
.filter((x, index) => x.copies >= min) AmountOfHoarders = Hoarders.length
.sort((a, b) => b.copies - a.copies); Groups = []
AmountOfHoarders = Hoarders.length;
Groups = [];
while (Hoarders.length > 0) { while (Hoarders.length > 0) {
Groups.push(Hoarders.splice(0, 4)); Groups.push(Hoarders.splice(0, 4))
} }
UpdateHoardersList(); UpdateHoardersList()
}); })
const UpdateHoardersList = function () { const UpdateHoardersList = function() {
console.log(Hoarders, AmountOfHoarders, Groups); console.log(Hoarders, AmountOfHoarders, Groups)
Current.innerText = Page + 1; Current.innerText = Page+1
if (Groups[Page] !== undefined) { if (Groups[Page] !== undefined) {
Container.innerHTML = Groups[Page].map( Container.innerHTML = Groups[Page].map((x) => `
(x) => `
<div class="card mb-3"> <div class="card mb-3">
<div class="card-body"> <div class="card-body">
<div class="row"> <div class="row">
${ ${ (avatars === true) ? `
avatars === true
? `
<div class="col-auto"> <div class="col-auto">
<img src="${x.user.avatar}" alt="${x.user.username}" width="72" class="rounded-circle border border-2 border-secondary bg-dark"> <img src="${x.user.avatar}" alt="${x.user.username}" width="72" class="rounded-circle border border-2 border-secondary bg-dark">
</div> </div>
` ` : '' }
: ''
}
<div class="col d-flex align-items-center"> <div class="col d-flex align-items-center">
<div> <div>
<h6 class="mb-1"> <h6 class="mb-1">
@ -613,10 +587,9 @@ async function HoardersList(min, avatars) {
</div> </div>
</div> </div>
</div> </div>
` `).join('')
).join('');
Utilities.InjectResource('registerTooltips'); Utilities.InjectResource('registerTooltips')
} else { } else {
Container.innerHTML = ` Container.innerHTML = `
<div class="card mb-3"> <div class="card mb-3">
@ -626,34 +599,34 @@ async function HoardersList(min, avatars) {
<p class="mb-0">This item is fresh and doesn't have any hoarders yet! Come back later!</p> <p class="mb-0">This item is fresh and doesn't have any hoarders yet! Come back later!</p>
</div> </div>
</div> </div>
`; `
MinCopies.disabled = true; MinCopies.disabled = true
} }
if (Page > 0) { if (Page > 0) {
Prev.parentElement.classList.remove('disabled'); Prev.parentElement.classList.remove('disabled')
First.parentElement.classList.remove('disabled'); First.parentElement.classList.remove('disabled')
} else { } else {
Prev.parentElement.classList.add('disabled'); Prev.parentElement.classList.add('disabled')
First.parentElement.classList.add('disabled'); First.parentElement.classList.add('disabled')
} }
if (Page < Groups.length - 1) { if (Page < Groups.length-1) {
Next.parentElement.classList.remove('disabled'); Next.parentElement.classList.remove('disabled')
Last.parentElement.classList.remove('disabled'); Last.parentElement.classList.remove('disabled')
} else { } else {
Next.parentElement.classList.add('disabled'); Next.parentElement.classList.add('disabled')
Last.parentElement.classList.add('disabled'); Last.parentElement.classList.add('disabled')
} }
}; }
}); })
} }
function CheckOwner() { function CheckOwner() {
const ImageCard = document.querySelector('.card-body:has(.store-thumbnail)'); const ImageCard = document.querySelector('.card-body:has(.store-thumbnail)')
const CheckOwnerDiv = document.createElement('div'); const CheckOwnerDiv = document.createElement('div')
CheckOwnerDiv.classList = 'mt-3 d-none'; CheckOwnerDiv.classList = 'mt-3 d-none'
CheckOwnerDiv.innerHTML = ` CheckOwnerDiv.innerHTML = `
<div class="input-group mb-2"> <div class="input-group mb-2">
<input type="text" class="form-control bg-dark" placeholder="Username.."> <input type="text" class="form-control bg-dark" placeholder="Username..">
@ -661,61 +634,61 @@ function CheckOwner() {
</div> </div>
<b class="text-muted" style="font-size: 0.85rem;"><i class="fa-duotone fa-square-question mr-1"></i> ...</b> <b class="text-muted" style="font-size: 0.85rem;"><i class="fa-duotone fa-square-question mr-1"></i> ...</b>
`; `
ImageCard.appendChild(CheckOwnerDiv); ImageCard.appendChild(CheckOwnerDiv)
const ToggleButton = document.createElement('button'); const ToggleButton = document.createElement('button')
ToggleButton.classList = 'btn btn-dark'; ToggleButton.classList = 'btn btn-dark'
ToggleButton.style = 'position: absolute; bottom: 15px; left: 10px;'; ToggleButton.style = 'position: absolute; bottom: 15px; left: 10px;'
//ToggleButton.setAttribute('data-bs-toggle', 'tooltip') //ToggleButton.setAttribute('data-bs-toggle', 'tooltip')
//ToggleButton.setAttribute('data-bs-title', 'Quickly check if someone owns this item') //ToggleButton.setAttribute('data-bs-title', 'Quickly check if someone owns this item')
ToggleButton.innerHTML = '<i class="fa-duotone fa-bags-shopping"></i>'; ToggleButton.innerHTML = '<i class="fa-duotone fa-bags-shopping"></i>'
ImageCard.children[0].prepend(ToggleButton); ImageCard.children[0].prepend(ToggleButton)
const UsernameInput = CheckOwnerDiv.getElementsByTagName('input')[0]; const UsernameInput = CheckOwnerDiv.getElementsByTagName('input')[0]
const CheckButton = CheckOwnerDiv.getElementsByTagName('button')[0]; const CheckButton = CheckOwnerDiv.getElementsByTagName('button')[0]
const ResultText = CheckOwnerDiv.getElementsByTagName('b')[0]; const ResultText = CheckOwnerDiv.getElementsByTagName('b')[0]
ToggleButton.addEventListener('click', function () { ToggleButton.addEventListener('click', function(){
if (CheckOwnerDiv.classList.contains('d-none')) { if (CheckOwnerDiv.classList.contains('d-none')) {
ResultText.classList = ''; ResultText.classList = ''
ResultText.innerHTML = '<i class="fa-duotone fa-square-question mr-1"></i> ...'; ResultText.innerHTML = '<i class="fa-duotone fa-square-question mr-1"></i> ...'
CheckOwnerDiv.classList.remove('d-none'); CheckOwnerDiv.classList.remove('d-none')
} else { } else {
CheckOwnerDiv.classList.add('d-none'); CheckOwnerDiv.classList.add('d-none')
} }
}); })
UsernameInput.addEventListener('update', function () { UsernameInput.addEventListener('update', function(){
ResultText.classList = ''; ResultText.classList = ''
ResultText.innerHTML = '<i class="fa-duotone fa-square-question mr-1"></i> ...'; ResultText.innerHTML = '<i class="fa-duotone fa-square-question mr-1"></i> ...'
}); })
CheckButton.addEventListener('click', async function () { CheckButton.addEventListener('click', async function(){
const Username = UsernameInput.value; const Username = UsernameInput.value
if (Username.trim() === '') { if (Username.trim() === "") {
ResultText.classList = ''; ResultText.classList = ''
ResultText.innerHTML = '<i class="fa-duotone fa-square-question mr-1"></i> ...'; ResultText.innerHTML = '<i class="fa-duotone fa-square-question mr-1"></i> ...'
return; return
} }
const UserID = (await (await fetch('https://api.polytoria.com/v1/users/find?username=' + Username)).json()).id; const UserID = (await (await fetch('https://api.polytoria.com/v1/users/find?username=' + Username)).json()).id
if (UserID !== undefined) { if (UserID !== undefined) {
const Owns = await (await fetch('https://api.polytoria.com/v1/store/' + ItemID + '/owner?userID=' + UserID)).json(); const Owns = (await (await fetch('https://api.polytoria.com/v1/store/' + ItemID + '/owner?userID=' + UserID)).json())
if (Owns.owned === true) { if (Owns.owned === true) {
ResultText.classList = 'text-success'; ResultText.classList = 'text-success'
ResultText.innerHTML = '<i class="fa-duotone fa-circle-check mr-1"></i> ' + Username + ' owns #' + Owns.inventory.serial + ' of ' + document.getElementsByTagName('h1')[0].innerText + '".'; ResultText.innerHTML = '<i class="fa-duotone fa-circle-check mr-1"></i> ' + Username + ' owns #' + Owns.inventory.serial + ' of ' + document.getElementsByTagName('h1')[0].innerText + '".'
} else { } else {
ResultText.classList = 'text-danger'; ResultText.classList = 'text-danger'
ResultText.innerHTML = '<i class="fa-duotone fa-circle-check mr-1"></i> ' + Username + ' does not own "' + document.getElementsByTagName('h1')[0].innerText + '".'; ResultText.innerHTML = '<i class="fa-duotone fa-circle-check mr-1"></i> ' + Username + ' does not own "' + document.getElementsByTagName('h1')[0].innerText + '".'
} }
} else { } else {
ResultText.classList = 'text-warning'; ResultText.classList = 'text-warning'
ResultText.innerHTML = '<i class="fa-duotone fa-circle-exclamation mr-1"></i> No user found under the username "' + Username + '".'; ResultText.innerHTML = '<i class="fa-duotone fa-circle-exclamation mr-1"></i> No user found under the username "' + Username + '".'
} }
}); })
} }

289
js/store/store.js
View file

@ -1,184 +1,174 @@
const ItemID = window.location.pathname.split('/')[2]; const ItemID = window.location.pathname.split('/')[2]
const UserID = JSON.parse(window.localStorage.getItem('p+account_info')).ID; const UserID = JSON.parse(window.localStorage.getItem('p+account_info')).ID
const ItemGrid = document.getElementById('assets'); const ItemGrid = document.getElementById('assets')
const Categories = document.getElementById('store-categories').children[0]; const Categories = document.getElementById('store-categories').children[0]
var Settings; var Settings;
var Inventory = null; var Inventory = null;
var Utilities; var Utilities;
let EventItemsShown = false; let EventItemsShown = false
chrome.storage.sync.get(['PolyPlus_Settings'], async function (result) { chrome.storage.sync.get(['PolyPlus_Settings'], async function(result){
Settings = result.PolyPlus_Settings || {}; Settings = result.PolyPlus_Settings || {};
Utilities = await import(chrome.runtime.getURL('resources/utils.js')); Utilities = await import(chrome.runtime.getURL('resources/utils.js'));
Utilities = Utilities.default; Utilities = Utilities.default
if (Settings.IRLPriceWithCurrency.Enabled === true) { if (Settings.IRLPriceWithCurrency.Enabled === true) {
Array.from(ItemGrid.children).forEach((element) => { Array.from(ItemGrid.children).forEach(element => {
LoadIRLPrices(element); LoadIRLPrices(element)
}); });
} }
if (Settings.StoreOwnTagOn === true) { if (Settings.StoreOwnTagOn === true) {
Inventory = (await (await fetch('https://api.polytoria.com/v1/users/' + UserID + '/inventory?type=hat&limit=100')).json()).inventory; Inventory = (await (await fetch('https://api.polytoria.com/v1/users/' + UserID + '/inventory?type=hat&limit=100')).json()).inventory
Inventory.concat(await (await fetch('https://api.polytoria.com/v1/users/' + UserID + '/inventory?type=face&limit=100')).json()).inventory; Inventory.concat(await (await fetch('https://api.polytoria.com/v1/users/' + UserID + '/inventory?type=face&limit=100')).json()).inventory
Inventory.concat(await (await fetch('https://api.polytoria.com/v1/users/' + UserID + '/inventory?type=tool&limit=100')).json()).inventory; Inventory.concat(await (await fetch('https://api.polytoria.com/v1/users/' + UserID + '/inventory?type=tool&limit=100')).json()).inventory
console.log(Inventory); console.log(Inventory)
Array.from(ItemGrid.children).forEach((element) => { Array.from(ItemGrid.children).forEach(element => {
LoadOwnedTags(element); LoadOwnedTags(element)
}); });
} }
if (Settings.EventItemsCatOn === true) { if (Settings.EventItemsCatOn === true) {
EventItems(); EventItems()
} }
}); });
const observer = new MutationObserver(async function (list) { const observer = new MutationObserver(async function (list){
if (Settings.EventItemsCatOn === true) { if (Settings.EventItemsCatOn === true) {
if (document.getElementById('event-items-pagination') === null) { if (document.getElementById('event-items-pagination') === null) {
ItemGrid.classList.add('itemgrid'); ItemGrid.classList.add('itemgrid')
ItemGrid.parentElement.classList.remove('col-lg-9'); ItemGrid.parentElement.classList.remove('col-lg-9')
document.getElementById('pagination').style.display = 'block'; document.getElementById('pagination').style.display = 'block'
if (document.getElementById('storecat-eventitems') !== null) { if (document.getElementById('storecat-eventitems') !== null) {
document.getElementById('storecat-eventitems').checked = false; document.getElementById('storecat-eventitems').checked = false
} }
} else { } else {
ItemGrid.classList.remove('itemgrid'); ItemGrid.classList.remove('itemgrid')
ItemGrid.parentElement.classList.add('col-lg-9'); ItemGrid.parentElement.classList.add('col-lg-9')
document.getElementById('pagination').style.display = 'none'; document.getElementById('pagination').style.display = 'none'
} }
} }
for (const record of list) { for (const record of list) {
for (const element of record.addedNodes) { for (const element of record.addedNodes) {
if (element.tagName === 'DIV' && element.classList.value === 'mb-3 itemCardCont') { if (element.tagName === "DIV" && element.classList.value === 'mb-3 itemCardCont') {
if (Settings.IRLPriceWithCurrency.Enabled === true) { if (Settings.IRLPriceWithCurrency.Enabled === true) {
LoadIRLPrices(element); LoadIRLPrices(element)
} }
if (Settings.StoreOwnTagOn === true && Inventory !== null) { if (Settings.StoreOwnTagOn === true && Inventory !== null) {
LoadOwnedTags(element); LoadOwnedTags(element)
} }
} }
} }
observer.observe(ItemGrid, {attributes: false, childList: true, subtree: false}); observer.observe(ItemGrid, {attributes: false,childList: true,subtree: false});
} }
}); });
observer.observe(ItemGrid, {attributes: false, childList: true, subtree: false}); observer.observe(ItemGrid, {attributes: false,childList: true,subtree: false});
async function LoadIRLPrices(element) { async function LoadIRLPrices(element) {
if (element.tagName != 'DIV' || element.querySelector('small.text-primary')) { if (element.tagName != "DIV" || element.querySelector('small.text-primary')) {return}
return; const Parent = element.getElementsByTagName('small')[1]
} if (Parent.innerText !== "") {
const Parent = element.getElementsByTagName('small')[1]; const Span = document.createElement('span')
if (Parent.innerText !== '') { Span.classList = 'text-muted polyplus-price-tag'
const Span = document.createElement('span'); Span.style = 'font-size: 0.7rem; font-weight: lighter;'
Span.classList = 'text-muted polyplus-price-tag'; const Price = Parent.innerText.split(' ')[1]
Span.style = 'font-size: 0.7rem; font-weight: lighter;'; const IRLResult = await Utilities.CalculateIRL(Price, Settings.IRLPriceWithCurrency.Currency)
const Price = Parent.innerText.split(' ')[1]; Span.innerText = "($" + IRLResult.result + " " + IRLResult.display + ")"
const IRLResult = await Utilities.CalculateIRL(Price, Settings.IRLPriceWithCurrency.Currency); Parent.appendChild(Span)
Span.innerText = '($' + IRLResult.result + ' ' + IRLResult.display + ')';
Parent.appendChild(Span);
} }
} }
function LoadOwnedTags(element) { function LoadOwnedTags(element) {
let Item = CheckInventory(parseInt(element.querySelector('[href^="/store/"]').getAttribute('href').split('/')[2])); let Item = CheckInventory(parseInt(element.querySelector('[href^="/store/"]').getAttribute('href').split('/')[2]))
if (Item !== null) { if (Item !== null) {
const Tag = document.createElement('span'); const Tag = document.createElement('span')
Tag.classList = `badge ${Item.asset.isLimited === false ? 'bg-primary' : 'bg-warning'} polyplus-own-tag`; Tag.classList = `badge ${ (Item.asset.isLimited === false) ? 'bg-primary' : 'bg-warning' } polyplus-own-tag`
Tag.style = Tag.style = 'position: absolute;font-size: 0.9rem;top: 0px;left: 0px;padding: 5.5px;border-top-left-radius: var(--bs-border-radius-lg)!important;border-top-right-radius: 0px;border-bottom-left-radius: 0px;font-size: 0.65rem;'
'position: absolute;font-size: 0.9rem;top: 0px;left: 0px;padding: 5.5px;border-top-left-radius: var(--bs-border-radius-lg)!important;border-top-right-radius: 0px;border-bottom-left-radius: 0px;font-size: 0.65rem;'; Tag.innerHTML = "<i class='fas fa-star'></i>"
Tag.innerHTML = "<i class='fas fa-star'></i>"; element.getElementsByTagName('img')[0].parentElement.appendChild(Tag)
element.getElementsByTagName('img')[0].parentElement.appendChild(Tag);
if (Item.asset.isLimited === true) { if (Item.asset.isLimited === true) {
Tag.setAttribute('data-bs-toggle', 'tooltip'); Tag.setAttribute('data-bs-toggle', 'tooltip')
Tag.setAttribute('data-bs-title', '#' + Item.serial); Tag.setAttribute('data-bs-title', '#' + Item.serial)
Utilities.InjectResource('registerTooltips'); Utilities.InjectResource('registerTooltips')
} }
} }
} }
function CheckInventory(id) { function CheckInventory(id) {
let Item = null; let Item = null
Inventory.forEach((element) => { Inventory.forEach(element => {
if (element.asset.id === id) { if (element.asset.id === id) {
Item = element; Item = element
} }
}); })
return Item; return Item
} }
function EventItems() { function EventItems() {
const Selector = document.createElement('div'); const Selector = document.createElement('div')
Selector.classList = 'form-check store-category-check fw-bold'; Selector.classList = 'form-check store-category-check fw-bold'
Selector.style.borderColor = '#B008B0'; Selector.style.borderColor = '#B008B0'
Selector.innerHTML = ` Selector.innerHTML = `
<input class="form-check-input" type="radio" name="storecat" id="storecat-eventitems"> <input class="form-check-input" type="radio" name="storecat" id="storecat-eventitems">
<label class="form-check-label" for="storecat-eventitems"> <label class="form-check-label" for="storecat-eventitems">
<i class="fad fa-party-horn"></i> Event Items <i class="fad fa-party-horn"></i> Event Items
</label> </label>
`; `
Categories.appendChild(Selector); Categories.appendChild(Selector)
let EventData = null; let EventData = null
let Events = []; let Events = []
let Groups = []; let Groups = []
let Page = 0; let Page = 0
Selector.children[0].addEventListener('click', async function () { Selector.children[0].addEventListener('click', async function() {
Array.from(Categories.children).forEach((selector) => { Array.from(Categories.children).forEach(selector => {
selector.classList.remove('active'); selector.classList.remove('active')
}); })
Selector.classList.add('active'); Selector.classList.add('active')
if (EventData === null) { if (EventData === null) {
EventData = await (await fetch('https://polyplus.vercel.app/data/eventItems.json')).json(); EventData = await (await fetch('https://polyplus.vercel.app/data/eventItems.json')).json()
Object.values(EventData.eventDetails).forEach((x, index) => { Object.values(EventData.eventDetails).forEach((x, index) => {Events.push({
Events.push({
...x, ...x,
items: EventData.items.filter((x) => x.event === Object.keys(EventData.eventDetails)[index]).sort((a, b) => a.id - b.id) items: EventData.items.filter((x) => x.event === Object.keys(EventData.eventDetails)[index]).sort((a, b) => a.id - b.id)
}); })})
});
while (Events.length > 0) { while (Events.length > 0) {
Groups.push(Events.splice(0, 5)); Groups.push(Events.splice(0, 5))
} }
} }
ItemGrid.classList.remove('itemgrid'); ItemGrid.classList.remove('itemgrid')
ItemGrid.innerHTML = ` ItemGrid.innerHTML = `
<div id="p+ei"> <div id="p+ei">
${Groups[Page].map( ${
(x, index) => ` Groups[Page].map((x, index) => `
<div class="row px-2 px-lg-0" style="animation-delay: 0.24s;"> <div class="row px-2 px-lg-0" style="animation-delay: 0.24s;">
<div class="col"> <div class="col">
<h6 class="dash-ctitle2">${x.date}</h6> <h6 class="dash-ctitle2">${x.date}</h6>
<h5 class="dash-ctitle">${x.name}</h5> <h5 class="dash-ctitle">${x.name}</h5>
</div> </div>
${ ${ (x.link !== undefined) ? `
x.link !== undefined
? `
<div class="col-auto d-flex align-items-center"> <div class="col-auto d-flex align-items-center">
<a class="text-muted" href="${x.link}"> <a class="text-muted" href="${x.link}">
<span class="d-none d-lg-inline">${x.link.startsWith('https://polytoria.com/places/') ? 'Event Place' : 'Blog Post'}</span> <span class="d-none d-lg-inline">${ (x.link.startsWith('https://polytoria.com/places/')) ? 'Event Place' : 'Blog Post' }</span>
<i class="fas fa-angle-right ms-2"></i> <i class="fas fa-angle-right ms-2"></i>
</a> </a>
</div> </div>
` ` : '' }
: ''
}
</div> </div>
<div class="card card-dash mcard mb-3" style="animation-delay: 0.27s;"> <div class="card card-dash mcard mb-3" style="animation-delay: 0.27s;">
<div class="card-body p-0 m-1 scrollFadeContainer"> <div class="card-body p-0 m-1 scrollFadeContainer">
<div class="d-flex"> <div class="d-flex">
${x.items ${
.map( x.items.map((x) => `
(x) => `
<a href="/store/${x.id}"> <a href="/store/${x.id}">
<div class="scrollFade card me-2 place-card force-desktop text-center mb-2" style="opacity: 1;"> <div class="scrollFade card me-2 place-card force-desktop text-center mb-2" style="opacity: 1;">
<div class="card-body"> <div class="card-body">
@ -191,14 +181,13 @@ function EventItems() {
</div> </div>
</div> </div>
</a> </a>
` `).join('')
) }
.join('')}
</div> </div>
</div> </div>
</div> </div>
` `).join('')
).join('')} }
</div> </div>
<div class="d-flex justify-content-center mt-3"> <div class="d-flex justify-content-center mt-3">
@ -225,63 +214,62 @@ function EventItems() {
</ul> </ul>
</nav> </nav>
</div> </div>
`; `
const Container = document.getElementById('p+ei'); const Container = document.getElementById('p+ei')
const Pagination = document.getElementById('event-items-pagination'); const Pagination = document.getElementById('event-items-pagination')
const First = document.getElementById('p+ei-pagination-first'); const First = document.getElementById('p+ei-pagination-first')
const Prev = document.getElementById('p+ei-pagination-prev'); const Prev = document.getElementById('p+ei-pagination-prev')
const Current = document.getElementById('p+ei-pagination-current'); const Current = document.getElementById('p+ei-pagination-current')
const Next = document.getElementById('p+ei-pagination-next'); const Next = document.getElementById('p+ei-pagination-next')
const Last = document.getElementById('p+ei-pagination-last'); const Last = document.getElementById('p+ei-pagination-last')
if (Page > 0) { if (Page > 0) {
Prev.parentElement.classList.remove('disabled'); Prev.parentElement.classList.remove('disabled')
First.parentElement.classList.remove('disabled'); First.parentElement.classList.remove('disabled')
} else { } else {
Prev.parentElement.classList.add('disabled'); Prev.parentElement.classList.add('disabled')
First.parentElement.classList.add('disabled'); First.parentElement.classList.add('disabled')
} }
if (Page < Groups.length - 1) { if (Page < Groups.length-1) {
Next.parentElement.classList.remove('disabled'); Next.parentElement.classList.remove('disabled')
Last.parentElement.classList.remove('disabled'); Last.parentElement.classList.remove('disabled')
} else { } else {
Next.parentElement.classList.add('disabled'); Next.parentElement.classList.add('disabled')
Last.parentElement.classList.add('disabled'); Last.parentElement.classList.add('disabled')
} }
First.addEventListener('click', function () { First.addEventListener('click', function() {
if (Page > 0) { if (Page > 0) {
Page = 0; Page = 0
UpdateEventItems(); UpdateEventItems()
} }
}); })
Prev.addEventListener('click', function () { Prev.addEventListener('click', function() {
if (Page > 0) { if (Page > 0) {
Page--; Page--
UpdateEventItems(); UpdateEventItems()
} }
}); })
Next.addEventListener('click', function () { Next.addEventListener('click', function() {
if (Page < Groups.length - 1) { if (Page < Groups.length-1) {
Page++; Page++
UpdateEventItems(); UpdateEventItems()
} }
}); })
Last.addEventListener('click', function () { Last.addEventListener('click', function() {
if (Page < Groups.length - 1) { if (Page < Groups.length-1) {
Page = Groups.length - 1; Page = Groups.length-1
UpdateEventItems(); UpdateEventItems()
} }
}); })
const UpdateEventItems = function () { const UpdateEventItems = function() {
Current.innerText = Page + 1; Current.innerText = Page+1
Container.innerHTML = Groups[Page].map( Container.innerHTML = Groups[Page].map((x, index) => `
(x, index) => `
<div class="row px-2 px-lg-0" style="animation-delay: 0.24s;"> <div class="row px-2 px-lg-0" style="animation-delay: 0.24s;">
<div class="col"> <div class="col">
<h6 class="dash-ctitle2">${x.date}</h6> <h6 class="dash-ctitle2">${x.date}</h6>
@ -291,9 +279,8 @@ function EventItems() {
<div class="card card-dash mcard mb-3" style="animation-delay: 0.27s;"> <div class="card card-dash mcard mb-3" style="animation-delay: 0.27s;">
<div class="card-body p-0 m-1 scrollFadeContainer"> <div class="card-body p-0 m-1 scrollFadeContainer">
<div class="d-flex"> <div class="d-flex">
${x.items ${
.map( x.items.map((x) => `
(x) => `
<a href="/store/${x.id}"> <a href="/store/${x.id}">
<div class="scrollFade card me-2 place-card force-desktop text-center mb-2" style="opacity: 1;"> <div class="scrollFade card me-2 place-card force-desktop text-center mb-2" style="opacity: 1;">
<div class="card-body"> <div class="card-body">
@ -306,30 +293,28 @@ function EventItems() {
</div> </div>
</div> </div>
</a> </a>
` `).join('')
) }
.join('')}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
` `).join('')
).join('');
if (Page > 0) { if (Page > 0) {
Prev.parentElement.classList.remove('disabled'); Prev.parentElement.classList.remove('disabled')
First.parentElement.classList.remove('disabled'); First.parentElement.classList.remove('disabled')
} else { } else {
Prev.parentElement.classList.add('disabled'); Prev.parentElement.classList.add('disabled')
First.parentElement.classList.add('disabled'); First.parentElement.classList.add('disabled')
} }
if (Page < Groups.length - 1) { if (Page < Groups.length-1) {
Next.parentElement.classList.remove('disabled'); Next.parentElement.classList.remove('disabled')
Last.parentElement.classList.remove('disabled'); Last.parentElement.classList.remove('disabled')
} else { } else {
Next.parentElement.classList.add('disabled'); Next.parentElement.classList.add('disabled')
Last.parentElement.classList.add('disabled'); Last.parentElement.classList.add('disabled')
} }
}; }
}); })
} }

8
manifest.json
View file

@ -10,7 +10,7 @@
"content_scripts": [ "content_scripts": [
{ {
"matches": ["https://polytoria.com/*"], "matches": ["https://polytoria.com/*"],
"js": ["/js/sitewide.js", "/js/membership-themes.js"], "js": ["/js/sitewide.js","/js/membership-themes.js"],
"css": ["/css/specific.css"], "css": ["/css/specific.css"],
"run_at": "document_start" "run_at": "document_start"
}, },
@ -63,7 +63,7 @@
}, },
{ {
"matches": ["https://polytoria.com/forum/search", "https://polytoria.com/forum/search?*"], "matches": ["https://polytoria.com/forum/search","https://polytoria.com/forum/search?*"],
"js": ["/js/forum/forum-search.js"] "js": ["/js/forum/forum-search.js"]
}, },
@ -117,7 +117,9 @@
"service_worker": "/js/background.js", "service_worker": "/js/background.js",
"type": "module" "type": "module"
}, },
"host_permissions": ["https://*.polytoria.com/*"], "host_permissions": [
"https://*.polytoria.com/*"
],
"web_accessible_resources": [ "web_accessible_resources": [
{ {
"resources": ["resources/*"], "resources": ["resources/*"],

13
resources/avatar-sandbox.html
View file

@ -28,7 +28,7 @@
<div class="card-body"> <div class="card-body">
<iframe id="viewFrame" style="width: 100%; height: 314px; border-radius: 0.65rem;"></iframe> <iframe id="viewFrame" style="width: 100%; height: 314px; border-radius: 0.65rem;"></iframe>
<div id="options"> <div id="options">
<input name="JSONUpload" type="file" accept="application/json" multiple="false" id="jsonUpload" aria-label="Upload JSON!" style="display: none;" /> <input name="JSONUpload" type="file" accept="application/json" multiple="false" id="jsonUpload" aria-label="Upload JSON!" style="display: none;">
<label for="JSONUpload" style="display: block;"> <label for="JSONUpload" style="display: block;">
<button aria-label="Upload JSON!" onclick="this.parentElement.previousElementSibling.click()"> <button aria-label="Upload JSON!" onclick="this.parentElement.previousElementSibling.click()">
@ -65,7 +65,7 @@
</div> </div>
</div> </div>
<div class="input-group mb-3"> <div class="input-group mb-3">
<input type="text" class="form-control bg-dark" placeholder="Asset ID.." /> <input type="text" class="form-control bg-dark" placeholder="Asset ID..">
<button class="btn btn-primary" id="load-asset">Load Asset</button> <button class="btn btn-primary" id="load-asset">Load Asset</button>
</div> </div>
<div class="card mcard mb-3"> <div class="card mcard mb-3">
@ -79,13 +79,10 @@
<button id="head" class="avatarAction bodypart bp1x1" style="background-color: #e0e0e0;"></button> <button id="head" class="avatarAction bodypart bp1x1" style="background-color: #e0e0e0;"></button>
</div> </div>
<div style="margin-bottom: 5px"> <div style="margin-bottom: 5px">
<button id="rightArm" class="avatarAction bodypart bp1x2" style="background-color: #e0e0e0; margin-right: 5px;"></button <button id="rightArm" class="avatarAction bodypart bp1x2" style="background-color: #e0e0e0; margin-right: 5px;"></button><button id="torso" class="avatarAction bodypart bp2x2" style="background-color: #e0e0e0;"></button><button class="avatarAction bodypart bp1x2" id="leftArm" style="background-color: #e0e0e0; margin-left: 5px;"></button>
><button id="torso" class="avatarAction bodypart bp2x2" style="background-color: #e0e0e0;"></button
><button class="avatarAction bodypart bp1x2" id="leftArm" style="background-color: #e0e0e0; margin-left: 5px;"></button>
</div> </div>
<div> <div>
<button class="avatarAction bodypart bp1x2" id="rightLeg" style="background-color: #e0e0e0; margin-right: 5px; padding-right: 18px;"></button <button class="avatarAction bodypart bp1x2" id="rightLeg" style="background-color: #e0e0e0; margin-right: 5px; padding-right: 18px;"></button><button id="leftLeg" class="avatarAction bodypart bp1x2" style="background-color: #e0e0e0; padding-right: 18px;"></button>
><button id="leftLeg" class="avatarAction bodypart bp1x2" style="background-color: #e0e0e0; padding-right: 18px;"></button>
</div> </div>
</div> </div>
</div> </div>
@ -126,7 +123,7 @@
</li> </li>
</ul> </ul>
<div class="card px-2 pt-2 pb-2 mb-4" style="background: rgba(0, 0, 0, 0.23); border-color: rgba(0, 0, 0, 0.23); border-top-left-radius: 20px; border-top-right-radius: 20px;"> <div class="card px-2 pt-2 pb-2 mb-4" style="background: rgba(0, 0, 0, 0.23); border-color: rgba(0, 0, 0, 0.23); border-top-left-radius: 20px; border-top-right-radius: 20px;">
<input id="item-search" type="text" class="form-control mb-2" placeholder="Search for an item..." /> <input id="item-search" type="text" class="form-control mb-2" placeholder="Search for an item...">
<div class="row alignleft itemgrid" id="inventory"></div> <div class="row alignleft itemgrid" id="inventory"></div>
</div> </div>
<h6 class="card-header mb-2"><i class="fad fa-hat-wizard me-1"></i> Wearing</h6> <h6 class="card-header mb-2"><i class="fad fa-hat-wizard me-1"></i> Wearing</h6>

9
resources/getUserDetails.js
View file

@ -1,7 +1,4 @@
window.localStorage.setItem( window.localStorage.setItem('p+account_info', JSON.stringify({
'p+account_info',
JSON.stringify({
ID: userID, ID: userID,
Bricks: document.querySelector('.brickBalanceCont').innerText.replace(/\s+/g, '') Bricks: document.querySelector('.brickBalanceCont').innerText.replace(/\s+/g,'')
}) }))
);

4
resources/registerTooltips.js
View file

@ -1,2 +1,2 @@
var tooltips = document.querySelectorAll('[data-bs-toggle="tooltip"]'); var tooltips = document.querySelectorAll('[data-bs-toggle="tooltip"]')
var list = [...tooltips].map((tool) => new bootstrap.Tooltip(tool)); var list = [...tooltips].map(tool => new bootstrap.Tooltip(tool))

150
resources/utils.js
View file

@ -8,16 +8,10 @@ HOW TO USE IN CONTENT SCRIPTS:
*/ */
function ParseFullNumber(ab) { function ParseFullNumber(ab) {
if (typeof ab === 'number') { if (typeof(ab) === "number") { return ab }
return ab; const Suffixes = {"k": 1000, "m": 1000000, "b": 1000000000}
}
const Suffixes = {k: 1000, m: 1000000, b: 1000000000};
const Suffix = ab.slice(-1).toLowerCase(); const Suffix = ab.slice(-1).toLowerCase();
if (Suffixes[Suffix]) { if (Suffixes[Suffix]) {return parseFloat(ab)*Suffixes[Suffix]} else {return parseFloat(ab)}
return parseFloat(ab) * Suffixes[Suffix];
} else {
return parseFloat(ab);
}
} }
export default { export default {
@ -50,24 +44,24 @@ export default {
ModifyNavOn: false, ModifyNavOn: false,
ModifyNav: [ ModifyNav: [
{ {
Label: 'Places', Label: "Places",
Link: 'https://polytoria.com/places' Link: "https://polytoria.com/places"
}, },
{ {
Label: 'Store', Label: "Store",
Link: 'https://polytoria.com/store' Link: "https://polytoria.com/store"
}, },
{ {
Label: 'Guilds', Label: "Guilds",
Link: 'https://polytoria.com/guilds' Link: "https://polytoria.com/guilds"
}, },
{ {
Label: 'People', Label: "People",
Link: 'https://polytoria.com/users' Link: "https://polytoria.com/users"
}, },
{ {
Label: 'Forum', Label: "Forum",
Link: 'https://polytoria.com/forum' Link: "https://polytoria.com/forum"
} }
], ],
MoreSearchFiltersOn: true, MoreSearchFiltersOn: true,
@ -105,9 +99,23 @@ export default {
ImprovedFrLists: 20, ImprovedFrLists: 20,
ItemWishlist: 20 ItemWishlist: 20
}, },
MeshTypes: ['hat', 'hair', 'head attachment', 'face accessory', 'neck accessory', 'head cover', 'back accessory', 'shoulder accessory', 'tool'], MeshTypes: [
TextureTypes: ['shirt', 'pants', 'face'], "hat",
CalculateIRL: async function (bricks, to, brickPackage) { "hair",
"head attachment",
"face accessory",
"neck accessory",
"head cover",
"back accessory",
"shoulder accessory",
"tool"
],
TextureTypes: [
"shirt",
"pants",
"face"
],
CalculateIRL: async function(bricks, to, brickPackage) {
/* /*
Disabled for now: currency retrieval from currencies.json Disabled for now: currency retrieval from currencies.json
@ -119,114 +127,108 @@ export default {
const UnitPrice = data.Data[brickPackage][to] const UnitPrice = data.Data[brickPackage][to]
*/ */
let Icon = '$'; let Icon = "$"
let Result = 'N/A'; let Result = "N/A";
let Display = 'Currency Not Found'; let Display = "Currency Not Found";
// is the icon abbreviated text, or an entity // is the icon abbreviated text, or an entity
let IsIconAbbr = false; let IsIconAbbr = false
bricks = ParseFullNumber(bricks.replace(/,/g, '')); bricks = ParseFullNumber(bricks.replace(/,/g, ''))
switch (to) { switch (to) {
// U.S. Dollar // U.S. Dollar
case 0: case 0:
Result = (bricks * 0.0099).toFixed(2); Result = (bricks * 0.0099).toFixed(2)
Display = 'USD'; Display = "USD"
break; break
// Euro // Euro
case 1: case 1:
Icon = '&#8364;'; Icon = "&#8364;"
Result = (bricks * 0.009).toFixed(2); Result = (bricks * 0.009).toFixed(2)
Display = 'EUR'; Display = "EUR"
break; break
// Canadian Dollar // Canadian Dollar
case 2: case 2:
Icon = 'CAD$'; Icon = "CAD$"
IsIconAbbr = true; IsIconAbbr = true
Result = (bricks * 0.0131).toFixed(2); Result = (bricks * 0.0131).toFixed(2)
Display = 'CAD'; Display = "CAD"
break; break
// Great British Pound // Great British Pound
case 3: case 3:
Icon = '&#163;'; Icon = "&#163;"
Result = (bricks * 0.0077).toFixed(2); Result = (bricks * 0.0077).toFixed(2)
Display = 'GBP'; Display = "GBP"
break; break
// Mexican Peso // Mexican Peso
case 4: case 4:
Icon = 'MXN$'; Icon = "MXN$"
IsIconAbbr = true; IsIconAbbr = true
Result = (bricks * 0.1691).toFixed(2); Result = (bricks * 0.1691).toFixed(2)
Display = 'MXN'; Display = "MXN"
break; break
// Australia Dollar // Australia Dollar
case 5: case 5:
Icon = 'AU$'; Icon = "AU$"
IsIconAbbr = true; IsIconAbbr = true
Result = (bricks * 0.0144).toFixed(2); Result = (bricks * 0.0144).toFixed(2)
Display = 'AUD'; Display = "AUD"
break; break
// Turkish Lira // Turkish Lira
case 6: case 6:
Icon = '&#8378;'; Icon = "&#8378;"
Result = (bricks * 0.2338).toFixed(2); Result = (bricks * 0.2338).toFixed(2)
Display = 'TRY'; Display = "TRY"
break; break
// Brazillian Real // Brazillian Real
case 7: case 7:
Icon = 'R$'; Icon = "R$"
IsIconAbbr = true; IsIconAbbr = true
Result = (bricks * 0.49).toFixed(2); Result = (bricks * 0.49).toFixed(2)
Display = 'BRL'; Display = "BRL"
break; break
} }
if (typeof Result === 'number') { if (typeof(Result) === "number") { Result = Result.toFixed(2) }
Result = Result.toFixed(2);
}
return { return {
result: Result, result: Result,
display: Display, display: Display,
icon: Icon, icon: Icon,
isIconAbbr: IsIconAbbr isIconAbbr: IsIconAbbr
}; }
}, },
InjectResource: function (path, element) { InjectResource: function(path, element) {
// Function by devjin0617 on GitHub // Function by devjin0617 on GitHub
// Gist: https://gist.github.com/devjin0617/3e8d72d94c1b9e69690717a219644c7a // Gist: https://gist.github.com/devjin0617/3e8d72d94c1b9e69690717a219644c7a
// Slightly modified to use constants and fit the rest of the code style more // Slightly modified to use constants and fit the rest of the code style more
// Function only used for registering bootstrap tooltips currently // Function only used for registering bootstrap tooltips currently
if (element === undefined) { if (element === undefined) { element = 'body' }
element = 'body';
}
const Node = document.getElementsByTagName(element)[0]; const Node = document.getElementsByTagName(element)[0];
const Script = document.createElement('script'); const Script = document.createElement('script');
Script.setAttribute('type', 'text/javascript'); Script.setAttribute('type', 'text/javascript');
Script.setAttribute('src', chrome.runtime.getURL('resources/' + path + '.js')); Script.setAttribute('src', chrome.runtime.getURL('resources/' + path + '.js'));
Script.addEventListener('load', function () { Script.addEventListener('load', function(){Script.remove()})
Script.remove();
});
Node.appendChild(Script); Node.appendChild(Script);
} }
}; }

203
settings.html
View file

@ -1,20 +1,18 @@
<html> <html>
<head> <head>
<!-- META TAGS --> <!-- META TAGS -->
<meta charset="utf-8" /> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1">
<!-- PUBLIC --> <!-- PUBLIC -->
<title>Poly+ Settings</title> <title>Poly+ Settings</title>
<!-- RESOURCES --> <!-- RESOURCES -->
<link rel="stylesheet" href="css/polytoria.css" /> <link rel="stylesheet" href="css/polytoria.css">
</head> </head>
<body data-bs-theme="dark"> <body data-bs-theme="dark">
<style> <style>
html, html, body, #page {
body,
#page {
background: #202020; background: #202020;
color: #fff; color: #fff;
} }
@ -130,53 +128,53 @@
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p>Let out your creativity and turn it into a reality on Polytoria's website!</p> <p>Let out your creativity and turn it into a reality on Polytoria's website!</p>
<hr class="mt-3 mb-3" /> <hr class="mt-3 mb-3">
<label>Save Theme to JSON</label> <label>Save Theme to JSON</label>
<div class="input-group mb-3"> <div class="input-group mb-3">
<input id="SaveThemeToJSONInput" type="text" class="form-control bg-dark ignore" placeholder="JSON String..." disabled /> <input id="SaveThemeToJSONInput" type="text" class="form-control bg-dark ignore" placeholder="JSON String..." disabled>
<button id="CopyThemeJSONBtn" class="btn btn-warning">Copy</button> <button id="CopyThemeJSONBtn" class="btn btn-warning">Copy</button>
</div> </div>
<label>Load Theme from JSON</label> <label>Load Theme from JSON</label>
<div class="input-group"> <div class="input-group">
<input type="text" class="form-control bg-dark ignore" placeholder="JSON..." /> <input type="text" class="form-control bg-dark ignore" placeholder="JSON...">
<button id="LoadThemeFromJSONBtn" class="btn btn-success ignore">Load</button> <button id="LoadThemeFromJSONBtn" class="btn btn-success ignore">Load</button>
</div> </div>
<hr class="mt-2 mb-3" /> <hr class="mt-2 mb-3">
<div class="card mb-2"> <div class="card mb-2">
<div class="card-header">Navigation</div> <div class="card-header">Navigation</div>
<div class="card-body"> <div class="card-body">
<label>Navbar Background Color</label> <label>Navbar Background Color</label>
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="NavBGColor" /> <input class="form-control bg-dark mb-2" placeholder="..." data-setting="NavBGColor">
<label>Navbar Border Color</label> <label>Navbar Border Color</label>
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="NavBorderColor" /> <input class="form-control bg-dark mb-2" placeholder="..." data-setting="NavBorderColor">
<label>Sidebar Background Color</label> <label>Sidebar Background Color</label>
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="SideBGColor" /> <input class="form-control bg-dark mb-2" placeholder="..." data-setting="SideBGColor">
<label>Sidebar Border Color</label> <label>Sidebar Border Color</label>
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="SideBorderColor" /> <input class="form-control bg-dark mb-2" placeholder="..." data-setting="SideBorderColor">
<hr class="navbar-divider" /> <hr class="navbar-divider">
<label>Navbar Item Color</label> <label>Navbar Item Color</label>
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="NavItemColor" /> <input class="form-control bg-dark mb-2" placeholder="..." data-setting="NavItemColor">
<label>Sidebar Item Background Color</label> <label>Sidebar Item Background Color</label>
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="SideItemBGColor" /> <input class="form-control bg-dark mb-2" placeholder="..." data-setting="SideItemBGColor">
<label>Sidebar Item Border Color</label> <label>Sidebar Item Border Color</label>
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="SideItemBorderColor" /> <input class="form-control bg-dark mb-2" placeholder="..." data-setting="SideItemBorderColor">
<label>Sidebar Item Color</label> <label>Sidebar Item Color</label>
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="SideItemColor" /> <input class="form-control bg-dark mb-2" placeholder="..." data-setting="SideItemColor">
<label>Sidebar Item Label Color</label> <label>Sidebar Item Label Color</label>
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="SideItemLabelColor" /> <input class="form-control bg-dark mb-2" placeholder="..." data-setting="SideItemLabelColor">
</div> </div>
</div> </div>
@ -184,10 +182,10 @@
<div class="card-header">Background</div> <div class="card-header">Background</div>
<div class="card-body"> <div class="card-body">
<label>Background Color</label> <label>Background Color</label>
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="BGColor" /> <input class="form-control bg-dark mb-2" placeholder="..." data-setting="BGColor">
<label>Background Image (URL)</label> <label>Background Image (URL)</label>
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="BGImage" /> <input class="form-control bg-dark mb-2" placeholder="..." data-setting="BGImage">
<label>Background Image Size (if there is a background image)</label> <label>Background Image Size (if there is a background image)</label>
<select class="form-select bg-dark mb-2" data-setting="BGImageSize"> <select class="form-select bg-dark mb-2" data-setting="BGImageSize">
@ -202,10 +200,10 @@
<div class="card-header">Text</div> <div class="card-header">Text</div>
<div class="card-body"> <div class="card-body">
<label>Primary Text Color</label> <label>Primary Text Color</label>
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="PrimaryTextColor" /> <input class="form-control bg-dark mb-2" placeholder="..." data-setting="PrimaryTextColor">
<label>Secondary Text Color</label> <label>Secondary Text Color</label>
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="SecondaryTextColor" /> <input class="form-control bg-dark mb-2" placeholder="..." data-setting="SecondaryTextColor">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
@ -220,9 +218,9 @@
</div> </div>
<div class="input-group"> <div class="input-group">
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="LinkTextColor" /> <input class="form-control bg-dark mb-2" placeholder="..." data-setting="LinkTextColor">
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="LinkHoveredTextColor" /> <input class="form-control bg-dark mb-2" placeholder="..." data-setting="LinkHoveredTextColor">
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="LinkFocusedTextColor" /> <input class="form-control bg-dark mb-2" placeholder="..." data-setting="LinkFocusedTextColor">
</div> </div>
</div> </div>
</div> </div>
@ -231,13 +229,13 @@
<div class="card-header">Cards</div> <div class="card-header">Cards</div>
<div class="card-body"> <div class="card-body">
<label>Card (Header) Background Color</label> <label>Card (Header) Background Color</label>
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="CardHeadBGColor" /> <input class="form-control bg-dark mb-2" placeholder="..." data-setting="CardHeadBGColor">
<label>Card (Body) Background Color</label> <label>Card (Body) Background Color</label>
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="CardBodyBGColor" /> <input class="form-control bg-dark mb-2" placeholder="..." data-setting="CardBodyBGColor">
<label>Card Border Color</label> <label>Card Border Color</label>
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="CardBorderColor" /> <input class="form-control bg-dark mb-2" placeholder="..." data-setting="CardBorderColor">
</div> </div>
</div> </div>
@ -245,7 +243,7 @@
<div class="card-header">Branding</div> <div class="card-header">Branding</div>
<div class="card-body"> <div class="card-body">
<label>Website Logo (URL)</label> <label>Website Logo (URL)</label>
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="WebsiteLogo" /> <input class="form-control bg-dark mb-2" placeholder="..." data-setting="WebsiteLogo">
</div> </div>
</div> </div>
@ -262,55 +260,55 @@
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p>Customize the navbar to your liking!</p> <p>Customize the navbar to your liking!</p>
<hr class="mt-2 mb-3" /> <hr class="mt-2 mb-3">
<div class="card mb-2"> <div class="card mb-2">
<div class="card-header">#1 Navbar Item</div> <div class="card-header">#1 Navbar Item</div>
<div class="card-body"> <div class="card-body">
<label>Label</label> <label>Label</label>
<input class="form-control bg-dark mb-2" placeholder="Play" data-parent="0" data-setting="Label" /> <input class="form-control bg-dark mb-2" placeholder="Play" data-parent="0" data-setting="Label">
<label>Link</label> <label>Link</label>
<input class="form-control bg-dark mb-2" placeholder="https://polytoria.com/places/" data-parent="0" data-setting="Link" /> <input class="form-control bg-dark mb-2" placeholder="https://polytoria.com/places/" data-parent="0" data-setting="Link">
</div> </div>
</div> </div>
<div class="card mb-2"> <div class="card mb-2">
<div class="card-header">#2 Navbar Item</div> <div class="card-header">#2 Navbar Item</div>
<div class="card-body"> <div class="card-body">
<label>Label</label> <label>Label</label>
<input class="form-control bg-dark mb-2" placeholder="Store" data-parent="1" data-setting="Label" /> <input class="form-control bg-dark mb-2" placeholder="Store" data-parent="1" data-setting="Label">
<label>Link</label> <label>Link</label>
<input class="form-control bg-dark mb-2" placeholder="https://polytoria.com/store/" data-parent="1" data-setting="Link" /> <input class="form-control bg-dark mb-2" placeholder="https://polytoria.com/store/" data-parent="1" data-setting="Link">
</div> </div>
</div> </div>
<div class="card mb-2"> <div class="card mb-2">
<div class="card-header">#3 Navbar Item</div> <div class="card-header">#3 Navbar Item</div>
<div class="card-body"> <div class="card-body">
<label>Label</label> <label>Label</label>
<input class="form-control bg-dark mb-2" placeholder="Guilds" data-parent="2" data-setting="Label" /> <input class="form-control bg-dark mb-2" placeholder="Guilds" data-parent="2" data-setting="Label">
<label>Link</label> <label>Link</label>
<input class="form-control bg-dark mb-2" placeholder="https://polytoria.com/guilds/" data-parent="2" data-setting="Link" /> <input class="form-control bg-dark mb-2" placeholder="https://polytoria.com/guilds/" data-parent="2" data-setting="Link">
</div> </div>
</div> </div>
<div class="card mb-2"> <div class="card mb-2">
<div class="card-header">#4 Navbar Item</div> <div class="card-header">#4 Navbar Item</div>
<div class="card-body"> <div class="card-body">
<label>Label</label> <label>Label</label>
<input class="form-control bg-dark mb-2" placeholder="People" data-parent="3" data-setting="Label" /> <input class="form-control bg-dark mb-2" placeholder="People" data-parent="3" data-setting="Label">
<label>Link</label> <label>Link</label>
<input class="form-control bg-dark mb-2" placeholder="https://polytoria.com/users/" data-parent="3" data-setting="Link" /> <input class="form-control bg-dark mb-2" placeholder="https://polytoria.com/users/" data-parent="3" data-setting="Link">
</div> </div>
</div> </div>
<div class="card mb-2"> <div class="card mb-2">
<div class="card-header">#5 Navbar Item</div> <div class="card-header">#5 Navbar Item</div>
<div class="card-body"> <div class="card-body">
<label>Label</label> <label>Label</label>
<input class="form-control bg-dark mb-2" placeholder="Forum" data-parent="4" data-setting="Label" /> <input class="form-control bg-dark mb-2" placeholder="Forum" data-parent="4" data-setting="Label">
<label>Link</label> <label>Link</label>
<input class="form-control bg-dark mb-2" placeholder="https://polytoria.com/forum" data-parent="4" data-setting="Link" /> <input class="form-control bg-dark mb-2" placeholder="https://polytoria.com/forum" data-parent="4" data-setting="Link">
</div> </div>
</div> </div>
@ -329,7 +327,7 @@
Pinned Games Pinned Games
<button class="btn btn-sm toggle-btn" data-setting="PinnedGamesOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="PinnedGamesOn">Toggle</button>
</span> </span>
<br /> <br>
<span class="desc">Pin your favorite places to the top of the homepage! (limit: <span id="PinnedGames-limit"></span> places)</span> <span class="desc">Pin your favorite places to the top of the homepage! (limit: <span id="PinnedGames-limit"></span> places)</span>
</p> </p>
<p class="setting-container" id="forum-mentions"> <p class="setting-container" id="forum-mentions">
@ -338,9 +336,9 @@
Forum Mentions Forum Mentions
<button class="btn btn-sm toggle-btn" data-setting="ForumMentsOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="ForumMentsOn">Toggle</button>
</span> </span>
<br /> <br>
<span class="desc">Get a quick link to the popular person everyone is talking about's profile!</span> <span class="desc">Get a quick link to the popular person everyone is talking about's profile!</span>
<br /> <br>
<span style="font-size: 0.8rem; color: orange;">* Forum Mentions do not notify the user or show up as a notification on their account.</span> <span style="font-size: 0.8rem; color: orange;">* Forum Mentions do not notify the user or show up as a notification on their account.</span>
</p> </p>
<p class="setting-container" id="best-friends"> <p class="setting-container" id="best-friends">
@ -349,7 +347,7 @@
Best Friends Best Friends
<button class="btn btn-sm toggle-btn" data-setting="BestFriendsOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="BestFriendsOn">Toggle</button>
</span> </span>
<br /> <br>
<span class="desc">Prioritize the bestest of friends on applicable friend lists! (limit: <span id="BestFriends-limit"></span> best friends)</span> <span class="desc">Prioritize the bestest of friends on applicable friend lists! (limit: <span id="BestFriends-limit"></span> best friends)</span>
</p> </p>
<p class="setting-container" id="improved-friend-lists"> <p class="setting-container" id="improved-friend-lists">
@ -358,10 +356,10 @@
Improved Friend Lists Improved Friend Lists
<button class="btn btn-sm toggle-btn" data-setting="ImprovedFrListsOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="ImprovedFrListsOn">Toggle</button>
</span> </span>
<br /> <br>
<span class="desc"> <span class="desc">
Accept or decline all friend requests with the click of a button or multi-remove existing friends! Accept or decline all friend requests with the click of a button or multi-remove existing friends!
<br /> <br>
<span style="font-size: 0.8rem; color: orange;">* You can only remove up to <span id="ImprovedFrLists-limit"></span> friends at once.</span> <span style="font-size: 0.8rem; color: orange;">* You can only remove up to <span id="ImprovedFrLists-limit"></span> friends at once.</span>
</span> </span>
</p> </p>
@ -371,12 +369,12 @@
Show IRL price with Brick Count Show IRL price with Brick Count
<button class="btn btn-sm toggle-btn" data-setting="Enabled" data-parent="IRLPriceWithCurrency">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="Enabled" data-parent="IRLPriceWithCurrency">Toggle</button>
</span> </span>
<br /> <br>
<span class="desc mb-4"> <span class="desc mb-4">
See the real life currency value along with Bricks across the site! See the real life currency value along with Bricks across the site!
<br /> <br>
<span style="font-size: 0.8rem; color: orange;">* Currencies were calculated on <span id="IRLPriceWithCurrency-Date">[DATE]</span>.</span> <span style="font-size: 0.8rem; color: orange;">* Currencies were calculated on <span id="IRLPriceWithCurrency-Date">[DATE]</span>.</span>
<br /> <br>
<span style="font-size: 0.8rem; color: orange;">* Currencies other than USD are purely approximations.</span> <span style="font-size: 0.8rem; color: orange;">* Currencies other than USD are purely approximations.</span>
</span> </span>
<select id="IRLPriceWithCurrencyCurrency" class="form-select form-select-sm mb-2" style="width:350px;" data-setting="Currency" data-parent="IRLPriceWithCurrency"> <select id="IRLPriceWithCurrencyCurrency" class="form-select form-select-sm mb-2" style="width:350px;" data-setting="Currency" data-parent="IRLPriceWithCurrency">
@ -406,7 +404,7 @@
Hide Notification Badges Hide Notification Badges
<button class="btn btn-sm toggle-btn" data-setting="HideNotifBadgesOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="HideNotifBadgesOn">Toggle</button>
</span> </span>
<br /> <br>
<span class="desc">Hide the annoying red circles on the sidebar!</span> <span class="desc">Hide the annoying red circles on the sidebar!</span>
</p> </p>
<p class="setting-container" id="store-own-tag"> <p class="setting-container" id="store-own-tag">
@ -415,7 +413,7 @@
Show "OWNED" Tag on Store Main Page Show "OWNED" Tag on Store Main Page
<button class="btn btn-sm toggle-btn" data-setting="StoreOwnTagOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="StoreOwnTagOn">Toggle</button>
</span> </span>
<br /> <br>
<span class="desc">Quickly see if you own the item at a glance with a little tag in the top left corner of item cards on the main store page!</span> <span class="desc">Quickly see if you own the item at a glance with a little tag in the top left corner of item cards on the main store page!</span>
</p> </p>
<p class="setting-container" id="theme-creator"> <p class="setting-container" id="theme-creator">
@ -425,7 +423,7 @@
<button class="btn btn-sm toggle-btn" data-setting="Enabled" data-parent="ThemeCreator">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="Enabled" data-parent="ThemeCreator">Toggle</button>
<button id="ThemeCreator-Options" class="btn btn-primary btn-sm" data-modal="ThemeCreator">Options</button> <button id="ThemeCreator-Options" class="btn btn-primary btn-sm" data-modal="ThemeCreator">Options</button>
</span> </span>
<br /> <br>
<span class="desc">Unleash your creativity and customize the Polytoria website to your liking! (this feature is still in development)</span> <span class="desc">Unleash your creativity and customize the Polytoria website to your liking! (this feature is still in development)</span>
</p> </p>
<p class="setting-container" id="more-search-filters"> <p class="setting-container" id="more-search-filters">
@ -434,9 +432,9 @@
More Search Filters More Search Filters
<button class="btn btn-sm toggle-btn" data-setting="MoreSearchFiltersOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="MoreSearchFiltersOn">Toggle</button>
</span> </span>
<br /> <br>
<span class="desc">Easily find what you're looking for with more search filters side-wide! (this does not affect the main site search on the navbar)</span> <span class="desc">Easily find what you're looking for with more search filters side-wide! (this does not affect the main site search on the navbar)</span>
<br /> <br>
<span style="font-size: 0.8rem; color: orange;">* This currently only has a "Creator" username filter on the forum search page, more search filters are yet to come.</span> <span style="font-size: 0.8rem; color: orange;">* This currently only has a "Creator" username filter on the forum search page, more search filters are yet to come.</span>
</p> </p>
<p class="setting-container" id="apply-membership-theme"> <p class="setting-container" id="apply-membership-theme">
@ -445,7 +443,7 @@
Apply Membership Theme for <b>Free</b> Apply Membership Theme for <b>Free</b>
<button class="btn btn-sm toggle-btn" data-setting="Enabled" data-parent="ApplyMembershipTheme">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="Enabled" data-parent="ApplyMembershipTheme">Toggle</button>
</span> </span>
<br /> <br>
<span class="desc">Ever want the fancy membership themes for completely <b>free</b>? Well now you can get apply them site-wide!</span> <span class="desc">Ever want the fancy membership themes for completely <b>free</b>? Well now you can get apply them site-wide!</span>
<select id="ApplyMembershipThemeTheme" class="form-select form-select-sm mb-2" style="width:350px;" data-setting="Theme" data-parent="ApplyMembershipTheme"> <select id="ApplyMembershipThemeTheme" class="form-select form-select-sm mb-2" style="width:350px;" data-setting="Theme" data-parent="ApplyMembershipTheme">
<option value="Plus" selected>Plus</option> <option value="Plus" selected>Plus</option>
@ -458,10 +456,10 @@
Multi-Cancel Outbound Trades Multi-Cancel Outbound Trades
<button class="btn btn-sm toggle-btn" data-setting="MultiCancelOutTradesOns">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="MultiCancelOutTradesOns">Toggle</button>
</span> </span>
<br /> <br>
<span class="desc"> <span class="desc">
Quickly cancel several out-bound trades (trades that you have sent) all at once Quickly cancel several out-bound trades (trades that you have sent) all at once
<br /> <br>
<span style="font-size: 0.8rem; color: orange;">* You can only cancel up to 10 trades at once.</span> <span style="font-size: 0.8rem; color: orange;">* You can only cancel up to 10 trades at once.</span>
</span> </span>
</p> </p>
@ -472,8 +470,10 @@
<button class="btn btn-sm toggle-btn" data-setting="ModifyNavOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="ModifyNavOn">Toggle</button>
<button id="ModifyNav-Options" class="btn btn-primary btn-sm" data-modal="ModifyNav">Options</button> <button id="ModifyNav-Options" class="btn btn-primary btn-sm" data-modal="ModifyNav">Options</button>
</span> </span>
<br /> <br>
<span class="desc"> Customize the navbar to your liking! </span> <span class="desc">
Customize the navbar to your liking!
</span>
</p> </p>
<p class="setting-container" id="item-wishlist"> <p class="setting-container" id="item-wishlist">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
@ -481,8 +481,10 @@
Item Wishlist Item Wishlist
<button class="btn btn-sm toggle-btn" data-setting="ItemWishlistOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="ItemWishlistOn">Toggle</button>
</span> </span>
<br /> <br>
<span class="desc"> Wishlist that item that you REALLY want! </span> <span class="desc">
Wishlist that item that you REALLY want!
</span>
</p> </p>
<!-- <!--
<p class="setting-container" id="hide-upgrade-button"> <p class="setting-container" id="hide-upgrade-button">
@ -501,7 +503,7 @@
Try-On Items Try-On Items
<button class="btn btn-sm toggle-btn" data-setting="TryOnItemsOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="TryOnItemsOn">Toggle</button>
</span> </span>
<br /> <br>
<span class="desc">See how that new item looks on your avatar before spending your bricks!</span> <span class="desc">See how that new item looks on your avatar before spending your bricks!</span>
</p> </p>
<p class="setting-container" id="outfit-cost"> <p class="setting-container" id="outfit-cost">
@ -510,7 +512,7 @@
Show Outfit Cost on Profiles Show Outfit Cost on Profiles
<button class="btn btn-sm toggle-btn" data-setting="OutfitCostOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="OutfitCostOn">Toggle</button>
</span> </span>
<br /> <br>
<span class="desc">Quickly see how many bricks a user spent on their avatar!</span> <span class="desc">Quickly see how many bricks a user spent on their avatar!</span>
</p> </p>
<p class="setting-container" id="outfit-cost"> <p class="setting-container" id="outfit-cost">
@ -519,12 +521,10 @@
Show Approximate Place Revenue Show Approximate Place Revenue
<button class="btn btn-sm toggle-btn" data-setting="ShowPlaceRevenueOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="ShowPlaceRevenueOn">Toggle</button>
</span> </span>
<br /> <br>
<span class="desc">Quickly see how many bricks a user has gained from one of their places!</span> <span class="desc">Quickly see how many bricks a user has gained from one of their places!</span>
<br /> <br>
<span style="font-size: 0.8rem; color: orange;" <span style="font-size: 0.8rem; color: orange;">* Gamepass revenue is calculated assuming the price hasn't changed and all users that bought the gamepass, bought it at the same price that it is at the time of calculating.</span>
>* Gamepass revenue is calculated assuming the price hasn't changed and all users that bought the gamepass, bought it at the same price that it is at the time of calculating.</span
>
</p> </p>
<p class="setting-container" id="item-replace-sales"> <p class="setting-container" id="item-replace-sales">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
@ -532,7 +532,7 @@
Show "Owners" instead of "Sales" Show "Owners" instead of "Sales"
<button class="btn btn-sm toggle-btn" data-setting="ReplaceItemSalesOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="ReplaceItemSalesOn">Toggle</button>
</span> </span>
<br /> <br>
<span class="desc">Replace the "Sales" statistic with the "Owners" statistic if the item has 0 sales (most likely meaning it is an item awarded by staff).</span> <span class="desc">Replace the "Sales" statistic with the "Owners" statistic if the item has 0 sales (most likely meaning it is an item awarded by staff).</span>
</p> </p>
<p class="setting-container" id="hoarders-list"> <p class="setting-container" id="hoarders-list">
@ -541,13 +541,13 @@
Collectibles' Hoarders List Collectibles' Hoarders List
<button class="btn btn-sm toggle-btn" data-setting="Enabled" data-parent="HoardersList">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="Enabled" data-parent="HoardersList">Toggle</button>
</span> </span>
<br /> <br>
<span class="desc">List all the users that have more than 1 copy of a collectible!</span> <span class="desc">List all the users that have more than 1 copy of a collectible!</span>
<span class="form-check form-switch"> <span class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="hoarders-list-avatars" data-setting="AvatarsEnabled" data-parent="HoardersList" /> <input class="form-check-input" type="checkbox" role="switch" id="hoarders-list-avatars" data-setting="AvatarsEnabled" data-parent="HoardersList">
<label class="form-check-label" for="hoarders-list-avatars"> <label class="form-check-label" for="hoarders-list-avatars">
Show Avatar Icons Show Avatar Icons
<br /> <br>
<span style="font-size: 0.6rem; color: orange;">* Avatar icons will result in more requests, potentially leading to more ratelimiting and slower hoarder list loading.</span> <span style="font-size: 0.6rem; color: orange;">* Avatar icons will result in more requests, potentially leading to more ratelimiting and slower hoarder list loading.</span>
</label> </label>
</span> </span>
@ -566,7 +566,7 @@
Quick Library Downloads Quick Library Downloads
<button class="btn btn-sm toggle-btn" data-setting="LibraryDownloadsOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="LibraryDownloadsOn">Toggle</button>
</span> </span>
<br /> <br>
<span class="desc">Quickly download a model (as a <code>.ptmd</code> file), mesh, decal, or sound right from the page showing you details about the asset!</span> <span class="desc">Quickly download a model (as a <code>.ptmd</code> file), mesh, decal, or sound right from the page showing you details about the asset!</span>
</p> </p>
<p class="setting-container" id="event-items-store"> <p class="setting-container" id="event-items-store">
@ -575,7 +575,7 @@
"Event Items" Store Category "Event Items" Store Category
<button class="btn btn-sm toggle-btn" data-setting="EventItemsCatOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="EventItemsCatOn">Toggle</button>
</span> </span>
<br /> <br>
<span class="desc">List all the on-going and past event items separated by their event with a store category!</span> <span class="desc">List all the on-going and past event items separated by their event with a store category!</span>
</p> </p>
<p class="setting-container" id="event-items-store"> <p class="setting-container" id="event-items-store">
@ -584,7 +584,7 @@
Show Friend Count on Homepage Show Friend Count on Homepage
<button class="btn btn-sm toggle-btn" data-setting="HomeFriendCountOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="HomeFriendCountOn">Toggle</button>
</span> </span>
<br /> <br>
<span class="desc">See how many friends you have on your homepage/dashboard, just scroll to the "friends" section and you'll see it next to the heading!</span> <span class="desc">See how many friends you have on your homepage/dashboard, just scroll to the "friends" section and you'll see it next to the heading!</span>
</p> </p>
<p class="setting-container" id="timed-item-owner-check"> <p class="setting-container" id="timed-item-owner-check">
@ -593,11 +593,8 @@
Timed-Item Owner Check Timed-Item Owner Check
<button class="btn btn-sm toggle-btn" data-setting="ItemOwnerCheckOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="ItemOwnerCheckOn">Toggle</button>
</span> </span>
<br /> <br>
<span class="desc" <span class="desc">Click the shopping bags icon in the bottom left-hand corner of the timed item's item thumbnail to toggle an input and a button. Then just enter someone's username and it'll tell you whether they own it or not and if so what serial!</span>
>Click the shopping bags icon in the bottom left-hand corner of the timed item's item thumbnail to toggle an input and a button. Then just enter someone's username and it'll tell you whether
they own it or not and if so what serial!</span
>
</p> </p>
<p class="setting-container" id="hide-user-ads"> <p class="setting-container" id="hide-user-ads">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
@ -605,35 +602,39 @@
Hide User Ads Hide User Ads
<button class="btn btn-sm toggle-btn" data-setting="Enabled" data-parent="HideUserAds">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="Enabled" data-parent="HideUserAds">Toggle</button>
</span> </span>
<br /> <br>
<span class="desc">Hide those annoying <s>out of context Discord message</s> user ads!</span> <span class="desc">Hide those annoying <s>out of context Discord message</s> user ads!</span>
<br /> <br>
<span style="font-size: 0.8rem; color: orange;">* Ads that are shown to help support Polytoria are not hidden.</span> <span style="font-size: 0.8rem; color: orange;">* Ads that are shown to help support Polytoria are not hidden.</span>
<span class="form-check form-switch"> <span class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="hide-user-ads-banner" data-setting="Banners" data-parent="HideUserAds" /> <input class="form-check-input" type="checkbox" role="switch" id="hide-user-ads-banner" data-setting="Banners" data-parent="HideUserAds">
<label class="form-check-label" for="hide-user-ads-banner"> Hide Banner User Ads </label> <label class="form-check-label" for="hide-user-ads-banner">
Hide Banner User Ads
</label>
</span> </span>
<span class="form-check form-switch"> <span class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="hide-user-ads-rectangle" data-setting="Rectangles" data-parent="HideUserAds" /> <input class="form-check-input" type="checkbox" role="switch" id="hide-user-ads-rectangle" data-setting="Rectangles" data-parent="HideUserAds">
<label class="form-check-label" for="hide-user-ads-rectangle"> Hide Rectangle User Ads </label> <label class="form-check-label" for="hide-user-ads-rectangle">
Hide Rectangle User Ads
</label>
</span> </span>
</p> </p>
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<h3>EXPERIMENTAL SETTINGS</h3> <h3>EXPERIMENTAL SETTINGS</h3>
<p>These features are a work in progress.</p> <p>These features are a work in progress.</p>
<hr /> <hr>
<p class="setting-container" id="game-profiles"> <p class="setting-container" id="game-profiles">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
<span class="title"> <span class="title">
Game Profiles Game Profiles
<button class="btn btn-sm toggle-btn" data-setting="GameProfilesOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="GameProfilesOn">Toggle</button>
</span> </span>
<br /> <br>
<span class="desc">Traverse a place view page that matches a place's color palette!</span> <span class="desc">Traverse a place view page that matches a place's color palette!</span>
<br /> <br>
<span style="font-size: 0.8rem; color: orange;">* Place creators must request a game profile for one to be made.</span> <span style="font-size: 0.8rem; color: orange;">* Place creators must request a game profile for one to be made.</span>
<br /> <br>
<span style="font-size: 0.8rem; color: orange;">* This feature will be expanded upon in the future.</span> <span style="font-size: 0.8rem; color: orange;">* This feature will be expanded upon in the future.</span>
</p> </p>
<p class="setting-container" id="inline-editing"> <p class="setting-container" id="inline-editing">
@ -642,11 +643,11 @@
Inline Editing Inline Editing
<button class="btn btn-sm toggle-btn" data-setting="InlineEditingOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="InlineEditingOn">Toggle</button>
</span> </span>
<br /> <br>
<span class="desc">Quickly edit your asset's details such as name and description on the same page as viewing the asset!</span> <span class="desc">Quickly edit your asset's details such as name and description on the same page as viewing the asset!</span>
<br /> <br>
<span style="font-size: 0.8rem; color: orange;">* This feature currently only supports places.</span> <span style="font-size: 0.8rem; color: orange;">* This feature currently only supports places.</span>
<br /> <br>
<span style="font-size: 0.8rem; color: orange;">* This feature is not finished or polished.</span> <span style="font-size: 0.8rem; color: orange;">* This feature is not finished or polished.</span>
</p> </p>
<p class="setting-container" id="forum-unix-timestamps"> <p class="setting-container" id="forum-unix-timestamps">
@ -655,9 +656,9 @@
Forum Unix Timestamps Forum Unix Timestamps
<button class="btn btn-sm toggle-btn" data-setting="ForumUnixStampsOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="ForumUnixStampsOn">Toggle</button>
</span> </span>
<br /> <br>
<span class="desc">See a date and time that is adjusted to everyone (who is using Poly+)'s local time</span> <span class="desc">See a date and time that is adjusted to everyone (who is using Poly+)'s local time</span>
<br /> <br>
<span style="font-size: 0.8rem; color: orange;">* The styling for this feature is not yet done.</span> <span style="font-size: 0.8rem; color: orange;">* The styling for this feature is not yet done.</span>
</p> </p>
<p class="setting-container" id="avatar-sandbox"> <p class="setting-container" id="avatar-sandbox">
@ -666,14 +667,14 @@
Avatar Sandbox Avatar Sandbox
<button class="btn btn-sm toggle-btn" data-setting="AvatarSandboxOn">Toggle</button> <button class="btn btn-sm toggle-btn" data-setting="AvatarSandboxOn">Toggle</button>
</span> </span>
<br /> <br>
<span class="desc">Create an avatar with all the item possibilities available to your heart's content!</span> <span class="desc">Create an avatar with all the item possibilities available to your heart's content!</span>
<br /> <br>
<span style="font-size: 0.8rem; color: orange;">* This feature is not polished - things like modifying avatar "Body Colors", pagination, outfits, etc haven't been added.</span> <span style="font-size: 0.8rem; color: orange;">* This feature is not polished - things like modifying avatar "Body Colors", pagination, outfits, etc haven't been added.</span>
</p> </p>
</div> </div>
</div> </div>
<hr /> <hr>
<div class="btn-group w-100"> <div class="btn-group w-100">
<button id="Save" class="btn btn-primary w-50" disabled="true">Save</button> <button id="Save" class="btn btn-primary w-50" disabled="true">Save</button>
<button id="ResetDefaults" class="btn btn-warning w-50">Reset to Default Settings</button> <button id="ResetDefaults" class="btn btn-warning w-50">Reset to Default Settings</button>
@ -682,7 +683,7 @@
<span></span> <span></span>
| |
<a id="check-for-updates"><b>Check for Updates</b></a> <a id="check-for-updates"><b>Check for Updates</b></a>
<br /> <br>
made by <a href="https://polytoria.com/u/Index" target="_blank">Index</a> with the help of several contributors <3 made by <a href="https://polytoria.com/u/Index" target="_blank">Index</a> with the help of several contributors <3
</p> </p>
</div> </div>

408
settings.js
View file

@ -1,119 +1,111 @@
const SaveBtn = document.getElementById('Save'); const SaveBtn = document.getElementById('Save')
const Elements = Array.from(document.getElementsByClassName('setting-container')); const Elements = Array.from(document.getElementsByClassName('setting-container'))
var Settings; var Settings;
var Utilities; var Utilities;
(async () => { (async () => {
Utilities = await import(chrome.runtime.getURL('resources/utils.js')); Utilities = await import(chrome.runtime.getURL('resources/utils.js'));
Utilities = Utilities.default; Utilities = Utilities.default
LoadCurrent(); LoadCurrent()
document.getElementById('PinnedGames-limit').innerText = Utilities.Limits.PinnedGames; document.getElementById('PinnedGames-limit').innerText = Utilities.Limits.PinnedGames
document.getElementById('BestFriends-limit').innerText = Utilities.Limits.BestFriends; document.getElementById('BestFriends-limit').innerText = Utilities.Limits.BestFriends
document.getElementById('ImprovedFrLists-limit').innerText = Utilities.Limits.ImprovedFrLists; document.getElementById('ImprovedFrLists-limit').innerText = Utilities.Limits.ImprovedFrLists
document.getElementById('ItemWishlist-limit').innerText = Utilities.Limits.ItemWishlist; document.getElementById('ItemWishlist-limit').innerText = Utilities.Limits.ItemWishlist
})(); })();
// Handle buttons at the bottom of the page // Handle buttons at the bottom of the page
document.getElementById('ResetDefaults').addEventListener('click', function () { document.getElementById('ResetDefaults').addEventListener('click', function() {
document.getElementById('ResetDefaults-Modal').showModal(); document.getElementById('ResetDefaults-Modal').showModal();
}); });
SaveBtn.addEventListener('click', function () { SaveBtn.addEventListener("click", function() {
Save(); Save();
}); });
// Handle modal buttons for Reset Defaults modal // Handle modal buttons for Reset Defaults modal
document.getElementById('ResetDefaults-Modal-Yes').addEventListener('click', function () { document.getElementById('ResetDefaults-Modal-Yes').addEventListener('click', function() {
Settings = Utilities.DefaultSettings; Settings = Utilities.DefaultSettings
Save(); Save()
setTimeout(function () { setTimeout(function () {
LoadCurrent(); LoadCurrent();
document.getElementById('ResetDefaults-Modal').close(); document.getElementById('ResetDefaults-Modal').close();
}, 400); }, 400)
}); });
document.getElementById('ResetDefaults-Modal-No').addEventListener('click', function () { document.getElementById('ResetDefaults-Modal-No').addEventListener('click', function() {
document.getElementById('ResetDefaults-Modal').close(); document.getElementById('ResetDefaults-Modal').close();
}); });
// Handle leaving the settings page before saving // Handle leaving the settings page before saving
window.onbeforeunload = function () { window.onbeforeunload = function() {
if (SaveBtn.getAttribute('disabled') !== undefined) { if (SaveBtn.getAttribute('disabled') !== undefined) {
return "Are you sure you'd like to leave? Your Poly+ settings haven't been saved."; return "Are you sure you'd like to leave? Your Poly+ settings haven't been saved."
} }
}; }
// Loop thru each setting container and handle toggling, selecting, opening modal, etc // Loop thru each setting container and handle toggling, selecting, opening modal, etc
Elements.forEach((element) => { Elements.forEach(element => {
console.log('Handle Element', element); console.log('Handle Element', element)
let Button = element.getElementsByTagName('button')[0]; let Button = element.getElementsByTagName('button')[0]
let Options = element.getElementsByTagName('button')[1]; let Options = element.getElementsByTagName('button')[1]
let Select = element.getElementsByTagName('select')[0]; let Select = element.getElementsByTagName('select')[0]
let Checkbox = element.getElementsByTagName('input')[0]; let Checkbox = element.getElementsByTagName('input')[0]
if (Button) { if (Button) {
Button.addEventListener('click', function () { Button.addEventListener('click', function() {
SetSetting(Button, 'bool'); SetSetting(Button, "bool")
}); });
} }
if (Select) { if (Select) {
Select.addEventListener('change', function () { Select.addEventListener('change', function(){
if (Select.getAttribute('data-useValue') !== undefined) { if (Select.getAttribute('data-useValue') !== undefined) {
let Value = Select.options[Select.selectedIndex].value; let Value = Select.options[Select.selectedIndex].value
if (!isNaN(Value)) { if (!isNaN(Value)) { Value = parseInt(Value) }
Value = parseInt(Value); SetSetting(Select, Value, false)
}
SetSetting(Select, Value, false);
} else { } else {
SetSetting(Select, Select.selectedIndex, false); SetSetting(Select, Select.selectedIndex, false)
} }
}); })
} }
if (Checkbox) { if (Checkbox) {
Checkbox.addEventListener('change', function () { Checkbox.addEventListener('change', function(){
SetSetting(Checkbox, Checkbox.checked, false); SetSetting(Checkbox, Checkbox.checked, false)
}); })
} }
if (Options) { if (Options) {
const Modal = document.getElementById(Options.getAttribute('data-modal') + '-Modal'); const Modal = document.getElementById(Options.getAttribute('data-modal') + '-Modal')
const ModalButtons = Modal.getElementsByTagName('button'); const ModalButtons = Modal.getElementsByTagName('button')
const ModalInputs = Modal.getElementsByTagName('input'); const ModalInputs = Modal.getElementsByTagName('input')
const ModalSelect = Modal.getElementsByTagName('select'); const ModalSelect = Modal.getElementsByTagName('select')
Options.addEventListener('click', function () { Options.addEventListener('click', function(){
Array.from(ModalButtons) Array.from(ModalButtons).filter((x) => !x.classList.contains('ignore')).forEach(button => {
.filter((x) => !x.classList.contains('ignore')) button.addEventListener('click', function(){
.forEach((button) => { const Setting = button.getAttribute('data-setting')
button.addEventListener('click', function () {
const Setting = button.getAttribute('data-setting');
if (Setting === '[save]') { if (Setting === '[save]') {
// Save Modal Button // Save Modal Button
Array.from(ModalInputs) Array.from(ModalInputs).filter((x) => !x.classList.contains('ignore')).forEach(input => {
.filter((x) => !x.classList.contains('ignore')) SetSetting(input, input.value, false, Modal.getAttribute('data-setting'))
.forEach((input) => {
SetSetting(input, input.value, false, Modal.getAttribute('data-setting'));
}); });
Array.from(ModalSelect) Array.from(ModalSelect).filter((x) => !x.classList.contains('ignore')).forEach(select => {
.filter((x) => !x.classList.contains('ignore')) SetSetting(select, select.selectedIndex, false, Modal.getAttribute('data-setting'))
.forEach((select) => {
SetSetting(select, select.selectedIndex, false, Modal.getAttribute('data-setting'));
}); });
Save(); Save();
setTimeout(function () { setTimeout(function () {
LoadCurrent(); LoadCurrent();
Modal.close(); Modal.close();
}, 400); }, 400)
} else if (Setting === '[reset-default]') { } else if (Setting === '[reset-default]') {
// Reset to Defaults Modal Button // Reset to Defaults Modal Button
if (confirm("Are you sure you'd like to reset these options to their defaults?") === true) { if (confirm("Are you sure you'd like to reset these options to their defaults?") === true) {
Settings[Modal.getAttribute('data-setting')] = Utilities.DefaultSettings[Modal.getAttribute('data-setting')]; Settings[Modal.getAttribute('data-setting')] = Utilities.DefaultSettings[Modal.getAttribute('data-setting')]
Save(); Save()
Modal.close(); Modal.close();
} }
} else if (Setting === '[cancel]') { } else if (Setting === '[cancel]') {
@ -123,99 +115,94 @@ Elements.forEach((element) => {
} else { } else {
// Default Toggle Button // Default Toggle Button
SetSetting(button, 'bool', false, Modal.getAttribute('data-setting')); SetSetting(button, "bool", false, Modal.getAttribute('data-setting'))
} }
}); })
}); })
Array.from(ModalInputs) Array.from(ModalInputs).filter((x) => !x.classList.contains('ignore')).forEach(input => {
.filter((x) => !x.classList.contains('ignore')) const Status = GetSettingValue(input, Modal.getAttribute('data-setting'))
.forEach((input) => { if (Status !== "undefined" && Status !== undefined) {
const Status = GetSettingValue(input, Modal.getAttribute('data-setting')); input.value = Status
if (Status !== 'undefined' && Status !== undefined) {
input.value = Status;
} else { } else {
input.value = ''; input.value = ''
} }
}); });
Array.from(ModalSelect) Array.from(ModalSelect).filter((x) => !x.classList.contains('ignore')).forEach(select => {
.filter((x) => !x.classList.contains('ignore')) const Status = GetSettingValue(select, Modal.getAttribute('data-setting'))
.forEach((select) => { if (Status !== "undefined" && Status !== undefined) {
const Status = GetSettingValue(select, Modal.getAttribute('data-setting')); select.selectedIndex = Status
if (Status !== 'undefined' && Status !== undefined) {
select.selectedIndex = Status;
} }
}); });
Modal.showModal(); Modal.showModal()
}); })
} }
}); });
function LoadCurrent() { function LoadCurrent() {
chrome.storage.sync.get(['PolyPlus_Settings'], function (result) { chrome.storage.sync.get(["PolyPlus_Settings"], function(result) {
Settings = MergeObjects(result.PolyPlus_Settings || Utilities.DefaultSettings, Utilities.DefaultSettings); Settings = MergeObjects(result.PolyPlus_Settings || Utilities.DefaultSettings, Utilities.DefaultSettings)
console.log('Current Settings: ', Settings); console.log("Current Settings: ", Settings)
Elements.forEach((element) => { Elements.forEach(element => {
console.log('For Each Update'); console.log('For Each Update')
UpdateElementState(element); UpdateElementState(element)
}); });
}); });
} }
function SetSetting(element, value, update, modalParent) { function SetSetting(element, value, update, modalParent) {
const name = element.getAttribute('data-setting'); const name = element.getAttribute('data-setting')
let parent = element.getAttribute('data-parent'); let parent = element.getAttribute('data-parent')
if (modalParent !== undefined) { if (modalParent !== undefined) {
console.log(modalParent); console.log(modalParent)
parent = modalParent; parent = modalParent
} }
if (value === 'bool') { if (value === "bool") {
value = !GetSettingValue(element, modalParent); value = !GetSettingValue(element, modalParent)
} }
if (parent !== null) { if (parent !== null) {
let Parent = Object.values(Settings)[Object.keys(Settings).indexOf(parent)]; let Parent = Object.values(Settings)[Object.keys(Settings).indexOf(parent)]
if (!isNaN(element.getAttribute('data-parent')) && element.getAttribute('data-parent') !== null) { if (!isNaN(element.getAttribute('data-parent')) && element.getAttribute('data-parent') !== null) {
console.log('is numbere!!!!'); console.log('is numbere!!!!')
Parent = Parent[parseInt(element.getAttribute('data-parent'))]; Parent = Parent[parseInt(element.getAttribute('data-parent'))]
} }
Parent[name] = value; Parent[name] = value
} else { } else {
Settings[name] = value; Settings[name] = value
} }
if (update !== false) { if (update !== false) {
UpdateElementState(document.querySelector(`.setting-container:has([data-setting="${name}"])${parent !== null ? `:has([data-parent="${parent}"])` : ''}`), value); UpdateElementState(document.querySelector(`.setting-container:has([data-setting="${name}"])${ (parent !== null) ? `:has([data-parent="${parent}"])` : '' }`), value)
} }
if (SaveBtn.getAttribute('disabled')) { if (SaveBtn.getAttribute('disabled')) {
SaveBtn.removeAttribute('disabled'); SaveBtn.removeAttribute('disabled')
} }
const getInObject = function (a, b) { const getInObject = function(a, b) { return Object.values(a)[Object.keys(a).indexOf(b)] }
return Object.values(a)[Object.keys(a).indexOf(b)];
};
} }
function GetSettingValue(element, modalParent) { function GetSettingValue(element, modalParent) {
const name = element.getAttribute('data-setting'); const name = element.getAttribute('data-setting')
let parent = element.getAttribute('data-parent'); let parent = element.getAttribute('data-parent')
if (modalParent !== undefined) { if (modalParent !== undefined) {
parent = modalParent; parent = modalParent
} }
let Status = name; let Status = name;
if (parent !== null) { if (parent !== null) {
let Parent = Object.values(Settings)[Object.keys(Settings).indexOf(parent)];
let Parent = Object.values(Settings)[Object.keys(Settings).indexOf(parent)]
if (!isNaN(element.getAttribute('data-parent')) && element.getAttribute('data-parent') !== null) { if (!isNaN(element.getAttribute('data-parent')) && element.getAttribute('data-parent') !== null) {
Parent = Parent[parseInt(element.getAttribute('data-parent'))]; Parent = Parent[parseInt(element.getAttribute('data-parent'))]
Status = Parent[name]; Status = Parent[name]
} else { } else {
Status = Object.values(Parent)[Object.keys(Parent).indexOf(name)]; Status = Object.values(Parent)[Object.keys(Parent).indexOf(name)]
} }
/* /*
@ -225,112 +212,108 @@ function GetSettingValue(element, modalParent) {
Status = Object.values(Parent)[Object.keys(Parent).indexOf(Status)] Status = Object.values(Parent)[Object.keys(Parent).indexOf(Status)]
*/ */
} else { } else {
Status = Settings[Status]; Status = Settings[Status]
} }
console.log('Get Value Result', Status); console.log('Get Value Result', Status)
return Status; return Status
} }
function UpdateElementState(element, status) { function UpdateElementState(element, status) {
console.log('Update Element State', element, status); console.log('Update Element State', element, status)
const Button = element.getElementsByClassName('toggle-btn')[0]; const Button = element.getElementsByClassName('toggle-btn')[0]
if (status === undefined) { if (status === undefined) {
console.log('Update Element State, no status provided'); console.log('Update Element State, no status provided')
status = GetSettingValue(Button); status = GetSettingValue(Button)
} }
if (status === true) { if (status === true) {
console.log('Is Enabled so Set False'); console.log('Is Enabled so Set False')
element.classList.add('enabled'); element.classList.add('enabled')
element.classList.remove('disabled'); element.classList.remove('disabled')
Button.innerText = 'Disable'; Button.innerText = 'Disable'
Button.classList.add('btn-danger'); Button.classList.add('btn-danger')
Button.classList.remove('btn-success'); Button.classList.remove('btn-success')
} else { } else {
console.log('Is Disabled so Set True'); console.log('Is Disabled so Set True')
element.classList.add('disabled'); element.classList.add('disabled')
element.classList.remove('enabled'); element.classList.remove('enabled')
Button.innerText = 'Enable'; Button.innerText = 'Enable'
Button.classList.add('btn-success'); Button.classList.add('btn-success')
Button.classList.remove('btn-danger'); Button.classList.remove('btn-danger')
} }
let SelectInput = element.getElementsByTagName('select')[0]; let SelectInput = element.getElementsByTagName('select')[0]
if (SelectInput) { if (SelectInput) {
console.log('Select Found'); console.log('Select Found')
SelectInput.selectedIndex = GetSettingValue(SelectInput); SelectInput.selectedIndex = GetSettingValue(SelectInput)
} }
let Checkbox = Array.from(element.getElementsByTagName('input')); let Checkbox = Array.from(element.getElementsByTagName('input'))
if (Checkbox.length > 0) { if (Checkbox.length > 0) {
console.log('Checkbox/Input(s) Found', Checkbox); console.log('Checkbox/Input(s) Found', Checkbox)
Checkbox.forEach((check) => { Checkbox.forEach(check => {
console.log('check', GetSettingValue(check)); console.log('check', GetSettingValue(check))
check.checked = GetSettingValue(check); check.checked = GetSettingValue(check)
}); })
} }
} }
function Save() { function Save() {
document.title = 'Poly+ Settings'; document.title = 'Poly+ Settings'
SaveBtn.setAttribute('disabled', 'true'); SaveBtn.setAttribute('disabled', 'true')
chrome.storage.sync.set({PolyPlus_Settings: Settings, arrayOrder: true}, function () { chrome.storage.sync.set({ 'PolyPlus_Settings': Settings, arrayOrder: true }, function() {
console.log('Saved successfully!'); console.log('Saved successfully!');
}); });
console.log('Save:', Settings); console.log("Save:", Settings);
} }
let LoadThemeFromJSONBtn = document.getElementById('LoadThemeFromJSONBtn'); let LoadThemeFromJSONBtn = document.getElementById('LoadThemeFromJSONBtn')
let SaveThemeToJSONInput = document.getElementById('SaveThemeToJSONInput'); let SaveThemeToJSONInput = document.getElementById('SaveThemeToJSONInput')
let CopyThemeJSONBtn = document.getElementById('CopyThemeJSONBtn'); let CopyThemeJSONBtn = document.getElementById('CopyThemeJSONBtn')
LoadThemeFromJSONBtn.addEventListener('click', function () { LoadThemeFromJSONBtn.addEventListener('click', function(){
LoadThemeJSON(LoadThemeFromJSONBtn.previousElementSibling.value); LoadThemeJSON(LoadThemeFromJSONBtn.previousElementSibling.value)
}); });
document document.getElementById('theme-creator').getElementsByTagName('button')[1].addEventListener('click', function(){
.getElementById('theme-creator') SaveThemeToJSONInput.value = JSON.stringify(Settings.ThemeCreator)
.getElementsByTagName('button')[1] });
.addEventListener('click', function () { CopyThemeJSONBtn.addEventListener('click', function(){
SaveThemeToJSONInput.value = JSON.stringify(Settings.ThemeCreator);
});
CopyThemeJSONBtn.addEventListener('click', function () {
if (SaveThemeToJSONInput.value.length > 0) { if (SaveThemeToJSONInput.value.length > 0) {
navigator.clipboard navigator.clipboard.writeText(SaveThemeToJSONInput.value)
.writeText(SaveThemeToJSONInput.value)
.then(() => { .then(() => {
alert('Successfully copied theme data to clipboard!'); alert('Successfully copied theme data to clipboard!')
}) })
.catch(() => { .catch(() => {
alert('Failure to copy theme data to clipboard.'); alert('Failure to copy theme data to clipboard.')
}); });
} }
}); });
function LoadThemeJSON(string) { function LoadThemeJSON(string) {
try { try {
let JSONTable = JSON.parse(string); let JSONTable = JSON.parse(string)
if (JSONTable.length === Utilities.DefaultSettings.ThemeCreator.length) { if (JSONTable.length === Utilities.DefaultSettings.ThemeCreator.length) {
if (confirm("Are you sure you'd like to replace this theme with the theme specified in the JSON?") === true) { if (confirm('Are you sure you\'d like to replace this theme with the theme specified in the JSON?') === true) {
LoadThemeFromJSONBtn.previousElementSibling.value = ''; LoadThemeFromJSONBtn.previousElementSibling.value = ''
document.getElementById('ThemeCreator-Modal').close(); document.getElementById('ThemeCreator-Modal').close()
for (let i = 0; i < JSONTable.length; i++) { for (let i = 0; i < JSONTable.length; i++) {
if (JSONTable[i][0] !== '#') { if (JSONTable[i][0] !== "#") {
JSONTable[i] = ''; JSONTable[i] = ""
} }
} }
Settings.ThemeCreator = MergeObjects(JSONTable, Utilities.DefaultSettings.ThemeCreator); Settings.ThemeCreator = MergeObjects(JSONTable, Utilities.DefaultSettings.ThemeCreator)
Save(); Save();
console.log(JSONTable.length, JSONTable, 'applied'); console.log(JSONTable.length, JSONTable, 'applied')
document.getElementById('ThemeCreator').getElementsByTagName('button')[1].click(); document.getElementById('ThemeCreator').getElementsByTagName('button')[1].click();
} }
} else { } else {
alert('JSON is not a theme!'); alert('JSON is not a theme!')
} }
} catch (error) { } catch (error) {
alert('JSON is invalid!'); alert('JSON is invalid!')
} }
} }
@ -353,73 +336,64 @@ function MergeObjects(obj1, obj2) {
return mergedObj; return mergedObj;
} }
function FormatBool(bool) { function FormatBool(bool){
if (bool === true) { if (bool === true) { return 'enabled' }
return 'enabled'; else { return 'disabled' }
} else {
return 'disabled';
}
} }
const Manifest = chrome.runtime.getManifest(); const Manifest = chrome.runtime.getManifest()
let BuildType = 'Stable'; let BuildType = "Stable"
if (Manifest.version_name !== undefined) { if (Manifest.version_name !== undefined) {BuildType = "Pre-Release"}
BuildType = 'Pre-Release';
}
const FooterText = document.getElementById('footer-text'); const FooterText = document.getElementById('footer-text')
FooterText.children[0].innerHTML = `Version: v${Manifest.version} | Build Type: ${BuildType}`; FooterText.children[0].innerHTML = `Version: v${Manifest.version} | Build Type: ${BuildType}`
const CheckForUpdatesButton = document.getElementById('check-for-updates'); const CheckForUpdatesButton = document.getElementById('check-for-updates')
function CheckForUpdates() { function CheckForUpdates() {
CheckForUpdatesButton.removeEventListener('click', CheckForUpdates); CheckForUpdatesButton.removeEventListener('click', CheckForUpdates)
CheckForUpdatesButton.disabled = true; CheckForUpdatesButton.disabled = true
fetch('https://polyplus.vercel.app/data/version.json') fetch('https://polyplus.vercel.app/data/version.json')
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network not ok'); throw new Error('Network not ok')
} }
return response.json(); return response.json()
}) })
.then((data) => { .then(data => {
if (data.version === Manifest.version || Math.floor((data.version - Manifest.version) * 10) === 0) { if (data.version === Manifest.version || Math.floor((data.version - Manifest.version) * 10) === 0) {
CheckForUpdatesButton.innerHTML = '<b>No updates available</b>'; CheckForUpdatesButton.innerHTML = '<b>No updates available</b>'
alert('No updates available'); alert('No updates available')
} else { } else {
const NumberOfUpdatesAvailable = Math.floor((data.version - Version) * 10); const NumberOfUpdatesAvailable = Math.floor((data.version - Version) * 10)
CheckForUpdatesButton.innerHTML = '<b>' + NumberOfUpdatesAvailable + ' update(s) available</b>'; CheckForUpdatesButton.innerHTML = '<b>'+NumberOfUpdatesAvailable+' update(s) available</b>'
alert(NumberOfUpdatesAvailable + ' updates available'); alert(NumberOfUpdatesAvailable + ' updates available')
} }
}) })
.catch((error) => { .catch(error => {console.log(error)});
console.log(error);
});
} }
CheckForUpdatesButton.addEventListener('click', CheckForUpdates); CheckForUpdatesButton.addEventListener('click', CheckForUpdates)
fetch(chrome.runtime.getURL('resources/currencies.json')) fetch(chrome.runtime.getURL('resources/currencies.json'))
.then((response) => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network not ok'); throw new Error('Network not ok')
} }
return response.json(); return response.json()
}) })
.then((data) => { .then(data => {
const DateText = new Date(data.Date).toLocaleDateString('en-US', {day: 'numeric', month: 'long', year: 'numeric'}); const DateText = new Date(data.Date).toLocaleDateString("en-US", {day:"numeric",month:"long",year:"numeric"})
document.getElementById('IRLPriceWithCurrency-Date').innerText = DateText; document.getElementById('IRLPriceWithCurrency-Date').innerText = DateText
}) })
.catch((error) => { .catch(error => {console.log(error)})
console.log(error);
});
chrome.storage.local.get(['PolyPlus_OutOfDate', 'PolyPlus_LiveVersion', 'PolyPlus_ReleaseNotes', 'PolyPlus_SkipUpdate'], function (result) { chrome.storage.local.get(['PolyPlus_OutOfDate', 'PolyPlus_LiveVersion', 'PolyPlus_ReleaseNotes', 'PolyPlus_SkipUpdate'], function(result) {
const OutOfDate = result.PolyPlus_OutOfDate || false; const OutOfDate = result.PolyPlus_OutOfDate || false
const SkipUpdate = result.PolyPlus_SkipUpdate || null; const SkipUpdate = result.PolyPlus_SkipUpdate || null
const LiveVersion = result.PolyPlus_LiveVersion || Manifest.version; const LiveVersion = result.PolyPlus_LiveVersion || Manifest.version
if (OutOfDate === true && SkipUpdate !== LiveVersion) { if (OutOfDate === true && SkipUpdate !== LiveVersion) {
const Banner = document.createElement('div'); const Banner = document.createElement('div')
Banner.classList = 'alert position-sticky p-3'; Banner.classList = 'alert position-sticky p-3'
Banner.style = 'top: 30px; box-shadow: 0 0 20px 2px #000; z-index: 2000; background: rgb(163 39 39);'; Banner.style = 'top: 30px; box-shadow: 0 0 20px 2px #000; z-index: 2000; background: rgb(163 39 39);'
Banner.innerHTML = ` Banner.innerHTML = `
<b>New Update Available!</b> <b>New Update Available!</b>
<br> <br>
@ -429,15 +403,15 @@ chrome.storage.local.get(['PolyPlus_OutOfDate', 'PolyPlus_LiveVersion', 'PolyPlu
<a href="${result.PolyPlus_ReleaseNotes}" class="btn btn-primary btn-sm w-25" target="_blank">Go to Release Notes</a> <a href="${result.PolyPlus_ReleaseNotes}" class="btn btn-primary btn-sm w-25" target="_blank">Go to Release Notes</a>
<button id="skip-this-update" class="btn btn-warning btn-sm w-25">(Not Recommended) Skip this Update</button> <button id="skip-this-update" class="btn btn-warning btn-sm w-25">(Not Recommended) Skip this Update</button>
</div> </div>
`; `
document.getElementById('page').insertBefore(Banner, document.getElementById('page').children[1]); document.getElementById('page').insertBefore(Banner, document.getElementById('page').children[1])
const SkipButton = document.getElementById('skip-this-update'); const SkipButton = document.getElementById('skip-this-update')
SkipButton.addEventListener('click', function () { SkipButton.addEventListener('click', function(){
Banner.remove(); Banner.remove()
chrome.storage.local.set({PolyPlus_SkipUpdate: result.PolyPlus_LiveVersion}, function () { chrome.storage.local.set({'PolyPlus_SkipUpdate': result.PolyPlus_LiveVersion}, function(){
console.log('set skip update to live version: ', result.PolyPlus_LiveVersion); console.log('set skip update to live version: ', result.PolyPlus_LiveVersion)
}); })
}); });
} }
}); })