diff --git a/js/account/avatar-sandbox2.js b/js/account/avatar-sandbox2.js
index 3968a77..d248088 100755
--- a/js/account/avatar-sandbox2.js
+++ b/js/account/avatar-sandbox2.js
@@ -23,25 +23,6 @@ let Avatar = {
"leftLegColor": "#e0e0e0",
"rightLegColor": "#e0e0e0"
}
-let ItemCardContents = `
-
-`
if (new URLSearchParams(new URL(window.location).search).get('sandbox') === 'true') {
console.log('Avatar Sandbox!')
@@ -172,15 +153,27 @@ function RefreshItems() {
data = data.assets
data.forEach(item => {
let NewItemCard = document.createElement('div')
+ NewItemCard.setAttribute('data-id', item.id)
NewItemCard.classList = 'col-auto'
- NewItemCard.innerHTML = ItemCardContents
- .replace(':ItemName', item.name)
- .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.innerHTML = `
+
+ `
NewItemCard.getElementsByClassName('p-2')[0].addEventListener('click', function(){
WearAsset(NewItemCard, item)
});
@@ -268,7 +261,7 @@ function LoadMyself() {
function WearAsset(element, info) {
if (Avatar.items.indexOf(info.id) === -1 && Avatar[info.type] !== info.id) {
- console.log('Equip')
+ console.log('Equip', info)
switch(info.type) {
case 'hat':
Avatar.items.push(info.id)
@@ -278,7 +271,7 @@ function WearAsset(element, info) {
break
}
} else {
- console.log('unequip')
+ console.log('unequip', info)
switch(info.type) {
case 'hat':
Avatar.items.splice(Avatar.items.indexOf(info.id), 1)
@@ -292,6 +285,21 @@ function WearAsset(element, info) {
}
}
+ const ToggleButton = element.getElementsByClassName('avatarAction')[0]
+ ToggleButton.classList.toggle('btn-success')
+ ToggleButton.classList.toggle('btn-danger')
+ ToggleButton.children[0].classList.toggle('fa-plus')
+ ToggleButton.children[0].classList.toggle('fa-minus')
+
+ const Duplicate = ItemGrid.querySelector(`[data-id="${info.id}"]`)
+ if (Duplicate !== null && Duplicate !== element) {
+ const DuplicateToggleButton = Duplicate.getElementsByClassName('avatarAction')[0]
+ DuplicateToggleButton.classList.toggle('btn-success')
+ DuplicateToggleButton.classList.toggle('btn-danger')
+ DuplicateToggleButton.children[0].classList.toggle('fa-plus')
+ DuplicateToggleButton.children[0].classList.toggle('fa-minus')
+ }
+
LoadWearing()
UpdateAvatar()
}
@@ -348,8 +356,8 @@ function LoadWearing() {
});
WearingItems.forEach(item => {
-
const ExistingElement = Wearing.querySelector(`[data-itemid="${item}"]`);
+
if (!ExistingElement) {
fetch(`https://api.polytoria.com/v1/store/${item}`)
.then(response => {
@@ -363,14 +371,27 @@ function LoadWearing() {
Wearing.innerHTML = ''
}
let NewItemCard = document.createElement('div');
+ NewItemCard.setAttribute('data-id', item.id)
NewItemCard.classList = 'col-auto';
- NewItemCard.innerHTML = ItemCardContents
- .replace(':ItemName', item.name)
- .replace(':ItemID', item.id)
- .replace(':ItemType', item.type.charAt(0).toUpperCase() + item.type.substring(1))
- .replace(':CreatorName', item.creator.name)
- .replace(':CreatorID', item.creator.id)
- .replace(':ItemThumbnail', item.thumbnail);
+ NewItemCard.innerHTML = `
+
+ `
Wearing.appendChild(NewItemCard);
NewItemCard.getElementsByClassName('p-2')[0].addEventListener('click', function () {
WearAsset(NewItemCard, item);
@@ -385,72 +406,4 @@ function LoadWearing() {
if (Array.from(Wearing.children).length === 0) {
Wearing.innerHTML = 'No items to show.'
}
-}
-
-
-/*
-function LoadWearing() {
- const WearingItems = [
- ...Avatar.items,
- Avatar.shirt,
- Avatar.pants,
- Avatar.face
- ].filter(item => item !== null)
-
- Array.from(Wearing.children).forEach(element => {
- console.log('AAAAAAAAAAAA', element)
- })
-}
-*/
-
-/*
-function LoadWearing() {
- const AllItems = structuredClone(Avatar.items)
- AllItems.push(Avatar.shirt)
- AllItems.push(Avatar.pants)
- AllItems.push(Avatar.face)
- AllItems.forEach(item => {
- if (item !== null) {
- let Element = document.querySelector(`a[href="/store/${item}"]`)
- if (Element !== null) {
- console.log('exists - load wearing')
- Element = Element.parentElement.parentElement
- Wearing.appendChild(Element)
- } else if (Element === null) {
- console.log('doesn\' exist - load wearing')
- fetch('https://api.polytoria.com/v1/store/:id'.replace(':id', item))
- .then(response => {
- if (!response.ok) {
- throw new Error('Network not ok')
- }
- return response.json()
- })
- .then(item => {
- let NewItemCard = document.createElement('div')
- NewItemCard.classList = 'col-auto'
- NewItemCard.innerHTML = ItemCardContents
- .replace(':ItemName', item.name)
- .replace(':ItemID', item.id)
- .replace(':ItemType', item.type.charAt(0).toUpperCase() + item.type.substring(1))
- .replace(':CreatorName', item.creator.name)
- .replace(':CreatorID', item.creator.id)
- .replace(':ItemThumbnail', item.thumbnail)
- Wearing.appendChild(NewItemCard)
- NewItemCard.getElementsByClassName('p-2')[0].addEventListener('click', function(){
- WearAsset(NewItemCard, item)
- });
- })
- .catch(error => {
- console.log('Fetch error: ' + error)
- });
- } else if (item.type === TabSelected) {
- console.log('item type is selected tab - load wearing')
- ItemGrid.appendChild(Element)
- } else {
- console.log('remove item - load wearing')
- Element.remove()
- }
- }
- });
-}
-*/
\ No newline at end of file
+}
\ No newline at end of file
-
- :ItemType
-
-
-