-
- 
- ${ (item.type === 'hat') ? `
-
- ${CleanAccessoryType(item.accessoryType)}
-
- ` : ''}
-
+
+ if (Items.assets === undefined) { Items.assets = [] }
+ if (Items.assets.length > 0) {
+ document.getElementById('inventory').classList.add('itemgrid')
+ if (TabSelected !== 'outfit') {
+ Items.assets.forEach(item => {
+ const ItemColumn = document.createElement('div')
+ ItemColumn.classList = 'col-auto'
+ ItemColumn.innerHTML = `
+
+
+
+
+ Outfits
+
+
+
+
+
+
+ ${ (item.type === 'hat') ? `
+
+ ${CleanAccessoryType(item.accessoryType)}
+
+ ` : ''}
+
+
+ ${item.name}
+ + + by ${ (["hat", "tool", "face", "torso"].indexOf(item.type) !== -1) ? 'Polytoria' : item.creator.name } + + -${item.name}
- - - by ${ (["hat", "tool", "face", "torso"].indexOf(item.type) !== -1) ? 'Polytoria' : item.creator.name } - - { + const ItemColumn = document.createElement('div') + ItemColumn.classList = 'col-auto' + ItemColumn.innerHTML = ` +
+
+ `
+ document.getElementById('inventory').appendChild(ItemColumn)
+ Utilities.InjectResource("registerTooltips")
- if (item.type === 'hat') {
- ItemCache[item.id].accessoryType = item.accessoryType
- }
+ ItemColumn.getElementsByClassName('p+outfit_wear_button')[0].addEventListener('click', function(){
+ if (Avatar === outfit.data) {
+ return
+ }
+ console.log('Equipped Outfit: ', outfit)
+ Avatar = outfit.data
+ UpdateAvatar()
+ })
+
+ const OutfitRenameModal = document.getElementById('p+outfit_rename')
+ const OutfitRenameButton = document.getElementById('p+rename_outfit_confirm')
+ const OutfitRenameError = document.getElementById('p+outfit_rename_error')
+ ItemColumn.getElementsByClassName('p+outfit_rename_button')[0].addEventListener('click', function(){
+ OutfitRenameModal.showModal()
+ document.getElementById('p+outfit_rename_name').innerText = outfit.name
+ })
+
+ OutfitRenameButton.addEventListener('click', function(){
+ let OutfitName = OutfitRenameButton.previousElementSibling.value.trim()
+ OutfitRenameButton.previousElementSibling.value = ''
+ if (OutfitName === '') {
+ OutfitRenameError.classList = 'text-danger';
+ OutfitRenameError.innerHTML = ' You cannot name an outfit nothing.';
+ return
+ } else if (OutfitName.length > 25) {
+ OutfitName = OutfitName.substring(0, 25)
+ } else if (Outfits.findIndex((x) => x.name.trim() === OutfitName) !== -1) {
+ OutfitRenameError.classList = 'text-danger';
+ OutfitRenameError.innerHTML = ' You already have an outfit with the name "' + OutfitName + '".';
+ return
+ }
+ OutfitRenameModal.close()
+ Outfits[index].name = OutfitName
+ if (TabSelected === 'outfit') {
+ LoadItems()
+ }
+
+ chrome.storage.sync.set({'PolyPlus_AvatarSandboxOutfits': Outfits}, function(){
+ console.log('Saved outfits!')
+ })
+ })
+
+ let OverwritePending = false
+ const OutfitOverwriteButton = ItemColumn.getElementsByClassName('p+outfit_overwrite_button')[0]
+ OutfitOverwriteButton.addEventListener('click', function(e){
+ e.stopPropagation()
+ if (OverwritePending === false) {
+ OverwritePending = true
+ OutfitOverwriteButton.children[1].innerText = 'Are you sure?'
+ setTimeout(function (){
+ if (OverwritePending === true) {
+ OutfitOverwriteButton.children[1].innerText = 'Overwrite'
+ OverwritePending = false
+ }
+ }, 3000)
+ } else {
+ OverwritePending = false
+ console.log('Overwrite Outfit (outfit, avatar): ', outfit, Avatar)
+
+ Outfits[index].data = Avatar
+ if (TabSelected === 'outfit') {
+ LoadItems()
+ }
+
+ chrome.storage.sync.set({'PolyPlus_AvatarSandboxOutfits': Outfits}, function(){
+ console.log('Saved outfits!')
+ })
+ }
+ })
+
+ let DeletePending = false
+ const OutfitDeleteButton = ItemColumn.getElementsByClassName('p+outfit_delete_button')[0]
+ OutfitDeleteButton.addEventListener('click', function(e){
+ e.stopPropagation()
+ if (DeletePending === false) {
+ DeletePending = true
+ OutfitDeleteButton.children[1].innerText = 'Are you sure?'
+ setTimeout(function (){
+ if (DeletePending === true) {
+ OutfitDeleteButton.children[1].innerText = 'Delete'
+ DeletePending = false
+ }
+ }, 3000)
+ } else {
+ DeletePending = false
+ console.log('Deleted Outfit: ', outfit)
+
+ Outfits.splice(index, 1)
+ if (TabSelected === 'outfit') {
+ LoadItems()
+ }
+
+ chrome.storage.sync.set({'PolyPlus_AvatarSandboxOutfits': Outfits}, function(){
+ console.log('Saved outfits!')
+ })
+ }
+ })
+ })
}
-
- ItemColumn.getElementsByClassName('p-2')[0].addEventListener('click', function(){
- WearAsset(item, item.id)
- })
- })
+ } else {
+ document.getElementById('inventory').classList.remove('itemgrid')
+ document.getElementById('inventory').innerHTML = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ${outfit.name}
+
+
+
+
+
+
+
+
+
+ `
+ }
}
function LoadWearing() {
@@ -710,5 +936,13 @@ function FormatPrice(price) {
} else {
return 'text-muted">???'
}
- return "what"
-}
\ No newline at end of file
+ return '">how did this happen'
+}
+
+chrome.storage.onChanged.addListener(function (changes, namespace) {
+ if ('PolyPlus_AvatarSandboxOutfits' in changes) {
+ chrome.storage.sync.get(['PolyPlus_AvatarSandboxOutfits'], function (result) {
+ Outfits = result.PolyPlus_AvatarSandboxOutfits || [];
+ });
+ }
+})
\ No newline at end of file
diff --git a/resources/avatar-sandbox.html b/resources/avatar-sandbox.html
index 4858e69..a841ff3 100755
--- a/resources/avatar-sandbox.html
+++ b/resources/avatar-sandbox.html
@@ -34,6 +34,10 @@
#options *:not(input):not(:nth-child(2)) {
margin-bottom: 3.5px;
}
+
+ [class^="p+outfit_overwrite_button"]:hover, [class^="p+outfit_delete_button"]:hover {
+ cursor: pointer;
+ }
+
+
Poly+