add support for editing headgear, clothes and shoes, seperate into it's own tab

This commit is contained in:
CrafterPika 2026-06-27 19:46:06 +02:00
commit 100de2a71b
No known key found for this signature in database
GPG key ID: 68B3920DBA3C6C31
5 changed files with 179 additions and 14 deletions

View file

@ -14,6 +14,7 @@
<div class="tab-menu">
<button class="tab-link active" onclick="openTab(event, 'Tab1')">Player & Lobby</button>
<button class="tab-link" onclick="openTab(event, 'Tab8')">Save Editor</button>
<button class="tab-link" onclick="openTab(event, 'Tab9')">Equipment</button>
<button class="tab-link" onclick="openTab(event, 'Tab4')">Utilities</button>
<button class="tab-link" onclick="openTab(event, 'Tab5')">PID Grabber</button>
<button class="tab-link" onclick="openTab(event, 'Tab6')">Stats</button>
@ -118,6 +119,44 @@
<button class="action-btn" onclick="SeaSnails()">Toggle Thread</button>
</div>
</div>
</div>
</div>
<div id="Tab9" class="tab-content">
<div class="profile-card">
<div class="input-row">
<div class="label-stack">
<span class="input-label">Change Headgear:</span>
<span class="input-note">Changes Equipped Headgear.</span>
</div>
<div class="input-group">
<select id="headgear-sets" class="dropdown" style="flex: 1;"></select>
<button class="action-btn" onclick="changeHeadgear()">Toggle Thread</button>
<button class="action-btn" onclick="changeHeadgearApply()">Apply</button>
</div>
</div>
<div class="input-row">
<div class="label-stack">
<span class="input-label">Change Clothes:</span>
<span class="input-note">Changes Clothes Headgear.</span>
</div>
<div class="input-group">
<select id="clothes-sets" class="dropdown" style="flex: 1;"></select>
<button class="action-btn" onclick="changeClothes()">Toggle Thread</button>
<button class="action-btn" onclick="changeClothesApply()">Apply</button>
</div>
</div>
<div class="input-row">
<div class="label-stack">
<span class="input-label">Change Shoes:</span>
<span class="input-note">Changes Shoes Headgear.</span>
</div>
<div class="input-group">
<select id="shoes-sets" class="dropdown" style="flex: 1;"></select>
<button class="action-btn" onclick="changeShoes()">Toggle Thread</button>
<button class="action-btn" onclick="changeShoesApply()">Apply</button>
</div>
</div>
<div class="input-row">
<div class="label-stack">
<span class="input-label">Change Weapon:</span>
@ -126,6 +165,7 @@
<div class="input-group">
<select id="weapon-sets" class="dropdown" style="flex: 1;"></select>
<button class="action-btn" onclick="changeWeapon()">Toggle Thread</button>
<button class="action-btn" onclick="changeWeaponApply()">Apply</button>
</div>
</div>
</div>

View file

@ -73,17 +73,45 @@ function populateAbilities() {
});
}
function populateWeaponSets() {
const select = document.getElementById("weapon-sets");
select.innerHTML = '';
function populateEquipment() {
const weapons = document.getElementById("weapon-sets");
const headgear = document.getElementById("headgear-sets");
const clothes = document.getElementById("clothes-sets");
const shoes = document.getElementById("shoes-sets");
weapons.innerHTML = '';
for (const [val, name] of Object.entries(gearData.WeaponSetIds)) {
const opt = document.createElement('option');
opt.value = val;
opt.textContent = name;
select.appendChild(opt);
weapons.appendChild(opt);
}
sendToCSharp("EquippedWep");
headgear.innerHTML = '';
for (const [val, name] of Object.entries(gearData.headgear)) {
const opt = document.createElement('option');
opt.value = val;
opt.textContent = name;
headgear.appendChild(opt);
}
clothes.innerHTML = '';
for (const [val, name] of Object.entries(gearData.clothes)) {
const opt = document.createElement('option');
opt.value = val;
opt.textContent = name;
clothes.appendChild(opt);
}
shoes.innerHTML = '';
for (const [val, name] of Object.entries(gearData.shoes)) {
const opt = document.createElement('option');
opt.value = val;
opt.textContent = name;
shoes.appendChild(opt);
}
sendToCSharp("AllEquipment");
}
window.external.receiveMessage(message => {
@ -98,11 +126,17 @@ window.external.receiveMessage(message => {
try {
const data = JSON.parse(message);
//console.log("Parsed Data:", data);
console.log("Parsed Data:", data);
if (data.EquippedWepId !== undefined) {
const select = document.getElementById("weapon-sets");
select.value = data.EquippedWepId;
const weapons = document.getElementById("weapon-sets");
const headgear = document.getElementById("headgear-sets");
const clothes = document.getElementById("clothes-sets");
const shoes = document.getElementById("shoes-sets");
weapons.value = data.EquippedWepId;
headgear.value = data.EquippedHeadgearId;
clothes.value = data.EquippedClothesId;
shoes.value = data.EquippedShoesId;
return;
}
@ -232,15 +266,14 @@ function openTab(evt, tabName) {
if (tabName === 'Tab6') {
keepStatsUpdated = true;
updateStatsPage();
} else if (tabName == 'Tab8') {
populateWeaponSets()
} else if (tabName == 'Tab9') {
populateEquipment()
} else {
keepStatsUpdated = false;
}
}
function namechange() { sendToCSharp("namechange", [document.getElementById("name-input").value]); }
function changeWeapon() { sendToCSharp("WepChange", [document.getElementById("weapon-sets").value]); }
function sessionid() { sendToCSharp("sessionid", [document.getElementById("session-input").value]); }
function faceimgtga() { sendToCSharp("faceimgtga", [document.getElementById("format-select").value]); }
function GenderChange() { sendToCSharp("ChangeGender", [document.getElementById("gender-select").value]); }
@ -250,3 +283,11 @@ function SeaSnails() { sendToCSharp("ChangeSeaSnails", [document.getElementById(
function execute(cheat) { sendToCSharp(cheat); }
function fetchCemuBase() { sendToCSharp("cbase"); }
function fetchPids() { sendToCSharp("sessiondata"); }
function changeHeadgear() { sendToCSharp("HeadgearChange", [document.getElementById("headgear-sets").value]); }
function changeHeadgearApply() { sendToCSharp("HeadgearChangeApply", [document.getElementById("headgear-sets").value]); }
function changeClothes() { sendToCSharp("ClothesChange", [document.getElementById("clothes-sets").value]); }
function changeClothesApply() { sendToCSharp("ClothesChangeApply", [document.getElementById("clothes-sets").value]); }
function changeShoes() { sendToCSharp("ShoesChange", [document.getElementById("shoes-sets").value]); }
function changeShoesApply() { sendToCSharp("ShoesChangeApply", [document.getElementById("shoes-sets").value]); }
function changeWeapon() { sendToCSharp("WepChange", [document.getElementById("weapon-sets").value]); }
function changeWeaponApply() { sendToCSharp("WepChangeApply", [document.getElementById("weapon-sets").value]); }