You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
' + " " + (parseInt(data.statsArray[1][0]) + parseInt(data.statsArray[1][1]));
// DISPLAY INVENTORY
var inventoryDiv = document.getElementById('inventory');
for (var i = 0; i < data.inventory.length; i++) {
var itemId = data.inventory[i];
var itemType;
var itemRange = Math.floor(itemId / 1000); // Determine the range based on item ID
if (itemRange >= 1 && itemRange < 2) {
itemType = 'armor';
} else if (itemRange >= 2 && itemRange < 3) {
itemType = 'weapons';
} else if (itemRange >= 3 && itemRange < 4) {
itemType = 'accessories';
} else {
// Invalid item ID
continue;
}
var inventorySection = document.querySelector('.inventory' + itemType.charAt(0).toUpperCase() + itemType.slice(1)); // Get corresponding inventory section
var itemImg = document.createElement('img');
itemImg.src = "https://codemaxxers.github.io/codemaxxerFrontend/game/img/" + itemType + "/" + itemId + ".png";
itemImg.style.width = "80px"; // Adjust the width as needed
itemImg.style.height = "auto"; // Adjust the height as needed
itemImg.style.marginRight = "10px"; // Adjust margin as needed
itemImg.draggable = true; // Enable dragging
itemImg.dataset.inventoryID = itemId; // Store item ID as data attribute
inventorySection.appendChild(itemImg);
}
// END OF DISPLAY OF INVENTORY
var flexContainer = document.querySelector('.flex-container');
// IF ARMOR IS EQUIPPED, ADD TO EQUIPPED GEAR
if (data.armorGearIdEquipped != 0) {
var flexContainer = document.querySelector('.flex-container');
var armorDiv = document.createElement('armorDiv');
armorDiv.innerHTML = `
Armor
Unequip
`;
flexContainer.appendChild(armorDiv);
// DISPLAY EQUIPPED ARMOR
var equippedArmor = document.getElementById('equippedArmor');
if (data.armorGearIdEquipped) {
equippedArmor.src = "https://codemaxxers.github.io/codemaxxerFrontend/game/img/armor/" + data.armorGearIdEquipped + ".png";
}
}
if (data.weaponGearIdEquipped != 0) {
// Select the flex-container element
var flexContainer = document.querySelector('.flex-container');
// Create a new div element to contain the provided HTML code
var weaponDiv = document.createElement('weaponDiv');
weaponDiv.innerHTML = `
Weapon
Unequip
`;
// Append the newly created div element to the flex-container
flexContainer.appendChild(weaponDiv);
// DISPLAY EQUIPPED WEAPON
var equippedWeapon = document.getElementById('equippedWeapon');
if (data.weaponGearIdEquipped) {
equippedWeapon.src = "https://codemaxxers.github.io/codemaxxerFrontend/game/img/weapons/" + data.weaponGearIdEquipped + ".png";
}
}
console.log(data);
// Remove fade-in animation after content is loaded
setTimeout(function() {
var profileContainer = document.getElementById('profile-container');
var inventory = document.getElementById('inventory');
var equipSpot = document.getElementById('equip-spot');
profileContainer.classList.remove('fade-in');
inventory.classList.remove('fade-in');
equipSpot.classList.remove('fade-in');
}, 1000); // Adjust the delay time as needed
})
.catch(error => console.log('error', error));
// Add event listener to the inventory container for event delegation
document.getElementById('inventory').addEventListener('dragstart', function(event) {
event.dataTransfer.setData('text/plain', event.target.dataset.inventoryID); // Set data to be transferred
});
}
</script>
<script>
function allowDrop(event) {
event.preventDefault();
}
document.getElementById('inventory').addEventListener('mouseover', function(event) {
var target = event.target;
var itemID = parseInt(target.dataset.inventoryID);
if (target.tagName === 'IMG') {
// Remove existing stats
var existingStats = document.querySelector('.item-stats');
if (existingStats) {
existingStats.remove();
}
var stats = document.createElement('div');
var itemType = Math.floor(itemID / 1000); // Determine the item type based on ID range
if (itemType === 1) { // Armor
fetchArmorStats(itemID)
.then(armor => {
stats.textContent = `${armor.name} - ${armor.healthAdded} Health`;
})
.catch(error => {
stats.textContent = "[Insert Armor Stats Here]";
console.log('error', error);
});
} else if (itemType === 2) { // Weapon
fetchWeaponStats(itemID)
.then(weapon => {
stats.textContent = `${weapon.name} - ${weapon.damageAdded} Damage`;
})
.catch(error => {
stats.textContent = "[Insert Weapon Stats Here]";
console.log('error', error);
});
}
stats.classList.add('item-stats'); // Add a class for easier identification and removal
stats.style.top = target.offsetTop + "px";
stats.style.left = (target.offsetLeft + target.offsetWidth + 10) + "px";
document.body.appendChild(stats);
}
});
// Update the drop function to equip weapons
function drop(event) {
console.log('Dropped');
event.preventDefault();
var itemID = parseInt(event.dataTransfer.getData('text/plain')); // Get the data transferred
console.log('Dropped item with ID:', itemID);
var itemType = Math.floor(itemID / 1000); // Determine the item type based on ID range
if (itemType === 1) { // Armor
equipArmor(itemID);
} else if (itemType === 2) { // Weapon
equipWeapon(itemID);
}
}
// Add event listener to the inventory container for event delegation
document.getElementById('inventory').addEventListener('mouseleave', function(event) {
var target = event.relatedTarget || event.toElement;
if (!target || !target.classList.contains('item-stats')) {
var stats = document.querySelector('.item-stats');
if (stats) {
stats.remove();
}
}
});
// Function to equip weapons
function equipWeapon(gearID) {
var requestOptions = {
method: 'POST',
redirect: 'follow',
credentials: "include"
};
fetch(`http://localhost:8032/api/person/equipWeapon?weaponID=${gearID}`, requestOptions)
.then(response => {
if (response.ok) {
console.log("Weapon equipped successfully.");
window.location.reload(); // Reload the page if successful
} else {
throw new Error('Network response was not ok.');
}
})
.catch(error => console.error('Error equipping weapon:', error));
}
function unequipWeapon() {
var requestOptions = {
method: 'POST',
redirect: 'follow',
credentials: "include"
};
fetch(`http://localhost:8032/api/person/unequipWeapon`, requestOptions)
.then(response => {
if (response.ok) {
console.log("Gear change successful.");
window.location.reload(); // Reload the page if successful
} else {
throw new Error('Network response was not ok.');
}
})
.catch(error => console.error('Error changing gear:', error));
}
function equipArmor(gearID) {
var requestOptions = {
method: 'POST',
redirect: 'follow',
credentials: "include"
};
fetch(`http://localhost:8032/api/person/equipArmor?armorID=${gearID}`, requestOptions)
.then(response => {
if (response.ok) {
console.log("Gear change successful.");
window.location.reload(); // Reload the page if successful
} else {
switch (response.status) {
case 401:
alert("Incorrect username or password");
break;
case 403:
alert("Access forbidden. You do not have permission to access this resource.");
break;
case 404:
alert("User not found. Please check your credentials.");
break;
// Add more cases for other status codes as needed
default:
alert("Login failed. Please try again later.");
}
return Promise.reject('Login failed');
}
})
.catch(error => console.error('Error changing gear:', error));
}
function unequipArmor() {
var requestOptions = {
method: 'POST',
redirect: 'follow',
credentials: "include"
};
fetch(`http://localhost:8032/api/person/unequipArmor`, requestOptions)
.then(response => {
if (response.ok) {
console.log("Gear change successful.");
window.location.reload(); // Reload the page if successful
} else {
throw new Error('Network response was not ok.');
}
})
.catch(error => console.error('Error changing gear:', error));
}
function fetchWeaponStats(weaponID) {
return fetch('gear.json')
.then(response => {
if (!response.ok) {
throw new Error('Failed to fetch weapon stats');
}
return response.json();
})
.then(data => {
// Find weapon stats by weaponID
const weaponStats = data.items.find(item => item.gearID === weaponID);
if (!weaponStats) {
throw new Error('Weapon stats not found ');
}
return weaponStats;
});
}
// Function to fetch armor stats
function fetchArmorStats(armorID) {
return fetch('gear.json')
.then(response => {
if (!response.ok) {
throw new Error('Failed to fetch armor stats');
}
return response.json();
})
.then(data => {
// Find armor stats by armorID
const armorStats = data.items.find(item => item.gearID === armorID);
if (!armorStats) {
throw new Error('Armor stats not found ');
}
return armorStats;
});
}
</script>
