416 lines
17 KiB
TypeScript
416 lines
17 KiB
TypeScript
import * as NativeUI from '../../libs/NativeUI';
|
|
import maleTops from "./male_tops.json";
|
|
import maleShoes from "./male_shoes.json";
|
|
import maleLegs from "./male_legs.json";
|
|
import maleUndershirts from "./male_undershirts.json";
|
|
import maleAccessoires from "./male_accessories.json";
|
|
import male_combination from "./male_torso_top_combination.json";
|
|
|
|
import femaleTops from "./female_tops.json";
|
|
import femaleShoes from "./female_shoes.json";
|
|
import femaleLegs from "./female_legs.json";
|
|
import femaleUndershirts from "./female_undershirts.json";
|
|
import femaleAccessoires from "./female_accessories.json";
|
|
import female_combination from "./female_torso_top_combination.json";
|
|
|
|
const UIMenu = NativeUI.Menu;
|
|
const UIMenuItem = NativeUI.UIMenuItem;
|
|
const UIMenuListItem = NativeUI.UIMenuListItem;
|
|
const UIMenuCheckboxItem = NativeUI.UIMenuCheckboxItem;
|
|
const BadgeStyle = NativeUI.BadgeStyle;
|
|
const Point = NativeUI.Point;
|
|
const ItemsCollection = NativeUI.ItemsCollection;
|
|
const Color = NativeUI.Color;
|
|
|
|
|
|
export default function clotheShopList(globalData: IGlobalData) {
|
|
const categoryTitles = {
|
|
clothes: {
|
|
1: "Masks",
|
|
2: "Hair Styles",
|
|
3: "Torsos",
|
|
4: "Legs",
|
|
5: "Bags and Parachutes",
|
|
6: "Shoes",
|
|
7: "Accessories",
|
|
8: "Undershirts",
|
|
9: "Body Armors",
|
|
10: "Decals",
|
|
11: "Tops"
|
|
},
|
|
|
|
props: {
|
|
0: "Hats",
|
|
1: "Glasses",
|
|
2: "Ears",
|
|
6: "Watches",
|
|
7: "Bracelets"
|
|
}
|
|
};
|
|
|
|
const localPlayer = mp.players.local;
|
|
var playerPos;
|
|
var myVar;
|
|
|
|
let mainMenu = null;
|
|
let categoryMenus = [];
|
|
let clothingData = [];
|
|
let currentMenuIdx = -1;
|
|
let menuTransition = false; // workaround for ItemSelect event being called twice between menu transitions
|
|
let lastClothing = null;
|
|
|
|
function getClothingName(key, ClotheId, gender) {
|
|
var textures = []
|
|
var comb;
|
|
var tops;
|
|
var undersh;
|
|
var shoes;
|
|
var legs;
|
|
var acces;
|
|
|
|
if (!gender) {
|
|
comb = male_combination;
|
|
tops = maleTops;
|
|
undersh = maleUndershirts;
|
|
shoes = maleShoes;
|
|
legs = maleLegs;
|
|
acces = maleAccessoires;
|
|
} else {
|
|
comb = female_combination;
|
|
tops = femaleTops;
|
|
undersh = femaleUndershirts;
|
|
shoes = femaleShoes;
|
|
legs = femaleLegs;
|
|
acces = femaleAccessoires;
|
|
}
|
|
|
|
switch (key) {
|
|
case 11:
|
|
for (var i = 0; i < Object.keys(tops[ClotheId]).length; i++) {
|
|
|
|
|
|
if (tops[ClotheId][i].Localized != "NULL") {
|
|
for (var x = 0; x < Object.keys(comb.combination).length; x++) {
|
|
if (comb.combination[x].Top == ClotheId) {
|
|
for (var y = 0; y < Object.keys(undersh[comb.combination[x].Undershirt]).length; y++) {
|
|
if (undersh[comb.combination[x].Undershirt][y].Localized != "NULL") {
|
|
const newData = {
|
|
id: i,
|
|
data: [tops[ClotheId][i]],
|
|
torso: [comb.combination[x].Torso],
|
|
undershirt: [comb.combination[x].Undershirt, undersh[comb.combination[x].Undershirt][y], y]
|
|
}
|
|
textures.push(newData);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
break;
|
|
case 6:
|
|
for (var i = 0; i < Object.keys(shoes[ClotheId]).length; i++) {
|
|
if (shoes[ClotheId][i].Localized != "NULL") {
|
|
const newData = {
|
|
id: i,
|
|
data: [shoes[ClotheId][i]]
|
|
}
|
|
textures.push(newData);
|
|
}
|
|
}
|
|
break;
|
|
case 4:
|
|
for (var i = 0; i < Object.keys(legs[ClotheId]).length; i++) {
|
|
if (legs[ClotheId][i].Localized != "NULL") {
|
|
const newData = {
|
|
id: i,
|
|
data: [legs[ClotheId][i]]
|
|
}
|
|
textures.push(newData);
|
|
}
|
|
}
|
|
break;
|
|
case 7:
|
|
for (var i = 0; i < Object.keys(acces[ClotheId]).length; i++) {
|
|
if (acces[ClotheId][i].Localized != "NULL") {
|
|
const newData = {
|
|
id: i,
|
|
data: [acces[ClotheId][i]]
|
|
}
|
|
textures.push(newData);
|
|
}
|
|
}
|
|
break;
|
|
}
|
|
return textures;
|
|
}
|
|
|
|
function addClothingItems(type, bannerSprite, key, value, gender) {
|
|
var categoryMenu;
|
|
var cloth = [];
|
|
var tx = [];
|
|
|
|
if (Object.keys(categoryMenus).length > 0) {
|
|
for (var i = 0; i < categoryMenus.length; i++) {
|
|
if (categoryMenus[i].slotIdx == key) {
|
|
return;
|
|
}
|
|
}
|
|
mainMenu.AddItem(new UIMenuItem(categoryTitles[type][key], `${type === "props" ? "Prop category." : "Clothing category."}`));
|
|
// Create category menu
|
|
categoryMenu = new UIMenu("", categoryTitles[type][key].toUpperCase(), new Point(0, 0), bannerSprite.library, bannerSprite.texture);
|
|
categoryMenu.Visible = false;
|
|
} else {
|
|
mainMenu.AddItem(new UIMenuItem(categoryTitles[type][key], `${type === "props" ? "Prop category." : "Clothing category."}`));
|
|
// Create category menu
|
|
categoryMenu = new UIMenu("", categoryTitles[type][key].toUpperCase(), new Point(0, 0), bannerSprite.library, bannerSprite.texture);
|
|
categoryMenu.Visible = false;
|
|
}
|
|
|
|
mainMenu.Item
|
|
|
|
// Fill it
|
|
|
|
for (const item of value) {
|
|
if (item.ComponentId == key) {
|
|
var txData = getClothingName(key, item.ClotheId, gender);
|
|
|
|
for (const x of txData) {
|
|
var itemDescription = (key === 11 ? mp.game.ui.getLabelText(x.undershirt[1].GXT) : "Clothing item.");
|
|
if (itemDescription == "NULL") {
|
|
itemDescription = "Clothing item.";
|
|
}
|
|
const tempItem = new UIMenuItem(mp.game.ui.getLabelText(x.data[0].GXT), itemDescription);
|
|
|
|
tempItem.SetRightLabel(`${item.Price > 0 ? `$${item.Price}` : "FREE"}`);
|
|
|
|
categoryMenu.AddItem(tempItem);
|
|
|
|
cloth.push(item);
|
|
tx.push(x);
|
|
}
|
|
}
|
|
}
|
|
|
|
categoryMenus.push({
|
|
menu: categoryMenu,
|
|
type: type,
|
|
slotIdx: Number(key),
|
|
item: cloth,
|
|
texture: tx
|
|
});
|
|
}
|
|
|
|
function submenuItemChangeHandler(newIndex) {
|
|
const currentMenu = categoryMenus[currentMenuIdx];
|
|
const currentItem = currentMenu.item[newIndex];
|
|
const currentTexture = currentMenu.texture[newIndex].id;
|
|
//const currentItem = clothingData[currentMenu.type][currentMenu.slotIdx][newIndex];
|
|
|
|
if (currentMenu.slotIdx == 11) {
|
|
const currentTorso = currentMenu.texture[newIndex].torso[0];
|
|
const currentUndershirt = currentMenu.texture[newIndex].undershirt;
|
|
mp.players.local.setComponentVariation(3, currentTorso, 0, 2); //set Torso
|
|
mp.players.local.setComponentVariation(8, currentUndershirt[0], currentUndershirt[2], 2); //set Undershirt
|
|
mp.players.local.setComponentVariation(currentMenu.slotIdx, currentItem.ClotheId, currentTexture, 2); //set Top
|
|
} else {
|
|
mp.players.local.setComponentVariation(currentMenu.slotIdx, currentItem.ClotheId, currentTexture, 2);
|
|
}
|
|
|
|
/*
|
|
case "props":
|
|
if (currentItem.drawable === -1) {
|
|
localPlayer.clearProp(currentMenu.slotIdx);
|
|
} else {
|
|
localPlayer.setPropIndex(currentMenu.slotIdx, currentItem.drawable, currentItem.texture, true);
|
|
}
|
|
break;
|
|
*/
|
|
}
|
|
|
|
function resetPreview() {
|
|
if (lastClothing) {
|
|
switch (lastClothing.type) {
|
|
case "clothes":
|
|
if (lastClothing.slotIdx == 11) {
|
|
localPlayer.setComponentVariation(3, lastClothing.torso, 0, 2);
|
|
localPlayer.setComponentVariation(8, lastClothing.undershirt[0], lastClothing.undershirt[1], 2);
|
|
localPlayer.setComponentVariation(lastClothing.slotIdx, lastClothing.drawable, lastClothing.texture, 2);
|
|
} else {
|
|
localPlayer.setComponentVariation(lastClothing.slotIdx, lastClothing.drawable, lastClothing.texture, 2);
|
|
}
|
|
break;
|
|
|
|
case "props":
|
|
if (lastClothing.drawable === -1) {
|
|
localPlayer.clearProp(lastClothing.slotIdx);
|
|
} else {
|
|
localPlayer.setPropIndex(lastClothing.slotIdx, lastClothing.drawable, lastClothing.texture, true);
|
|
}
|
|
break;
|
|
}
|
|
|
|
lastClothing = null;
|
|
}
|
|
}
|
|
|
|
function myTimer() {
|
|
let dist = mp.game.gameplay.getDistanceBetweenCoords(localPlayer.position.x, localPlayer.position.y, 0, playerPos.x, playerPos.y, 0, false);
|
|
if (dist > 3) {
|
|
clearInterval(myVar);
|
|
resetPreview();
|
|
if (currentMenuIdx !== -1) categoryMenus[currentMenuIdx].menu.Close();
|
|
if (mainMenu && mainMenu.Visible) mainMenu.Close();
|
|
}
|
|
}
|
|
|
|
|
|
mp.events.add("clothesMenu:updateData", (jsonBannerSprite, jsonData, gender) => {
|
|
if (!globalData.InMenu) {
|
|
globalData.InMenu = true;
|
|
playerPos = localPlayer.position;
|
|
var bannerSprite = JSON.parse(jsonBannerSprite);
|
|
var data = JSON.parse(jsonData);
|
|
|
|
// Default menu banner
|
|
if (bannerSprite == null) {
|
|
bannerSprite = {
|
|
library: "commonmenu",
|
|
texture: "interaction_bgd"
|
|
};
|
|
} else if (bannerSprite == 1) {
|
|
bannerSprite = {
|
|
library: "shopui_title_lowendfashion",
|
|
texture: "shopui_title_lowendfashion"
|
|
};
|
|
} else if (bannerSprite == 2) {
|
|
bannerSprite = {
|
|
library: "shopui_title_midfashion",
|
|
texture: "shopui_title_midfashion"
|
|
};
|
|
} else if (bannerSprite == 3) {
|
|
bannerSprite = {
|
|
library: "shopui_title_highendfashion",
|
|
texture: "shopui_title_highendfashion"
|
|
};
|
|
}
|
|
// Hide the chat
|
|
mp.gui.chat.show(false);
|
|
|
|
// Reset some variables
|
|
categoryMenus = [];
|
|
currentMenuIdx = -1;
|
|
menuTransition = false;
|
|
lastClothing = null;
|
|
|
|
// Create a new main menu
|
|
mainMenu = new UIMenu("", "SELECT A CATEGORY", new Point(0, 0), bannerSprite.library, bannerSprite.texture);
|
|
mainMenu.Visible = true;
|
|
|
|
// Update clothingData
|
|
clothingData = data;
|
|
|
|
// Add clothes
|
|
|
|
addClothingItems("clothes", bannerSprite, 11, data[0], gender);
|
|
addClothingItems("clothes", bannerSprite, 4, data[1], gender);
|
|
addClothingItems("clothes", bannerSprite, 6, data[2], gender);
|
|
addClothingItems("clothes", bannerSprite, 7, data[3], gender);
|
|
myVar = setInterval(myTimer, 100);
|
|
// Add props
|
|
// for (const [key, value] of Object.entries(clothingData.props)) addClothingItems("props", bannerSprite, key, value);
|
|
|
|
// Submenu events
|
|
for (const item of categoryMenus) {
|
|
// Preview hovering item
|
|
item.menu.IndexChange.on(submenuItemChangeHandler);
|
|
|
|
// Buy hovering item
|
|
item.menu.ItemSelect.on((selectedItem, itemIndex) => {
|
|
if (menuTransition) {
|
|
menuTransition = false;
|
|
return;
|
|
}
|
|
|
|
const currentMenu = categoryMenus[currentMenuIdx];
|
|
const currentItem = currentMenu.item[itemIndex];
|
|
const currentTexture = currentMenu.texture[itemIndex].id;
|
|
if (currentMenu.slotIdx == 11) {
|
|
const currentTorso = currentMenu.texture[itemIndex].torso[0];
|
|
const currentUndershirt = currentMenu.texture[itemIndex].undershirt;
|
|
var serverData = [currentMenu.slotIdx, currentTexture, currentItem.ClotheId, currentTorso, currentUndershirt[0], currentUndershirt[2], currentItem.Price];
|
|
if (lastClothing.drawable == currentItem.ClotheId && lastClothing.texture == currentTexture && lastClothing.undershirt[0] == currentUndershirt[0] && lastClothing.undershirt[1] == currentUndershirt[2]) {
|
|
mp.game.audio.playSoundFrontend(1, "Hack_Failed", "DLC_HEIST_BIOLAB_PREP_HACKING_SOUNDS", true);
|
|
} else {
|
|
mp.events.callRemote("SERVER:BuyCharacterClothes", "clothe", JSON.stringify(serverData));
|
|
}
|
|
} else {
|
|
var serverData = [currentMenu.slotIdx, currentTexture, currentItem.ClotheId, -1, -1, -1, currentItem.Price];
|
|
if (lastClothing.drawable == currentItem.ClotheId && lastClothing.texture == currentTexture) {
|
|
mp.game.audio.playSoundFrontend(1, "Hack_Failed", "DLC_HEIST_BIOLAB_PREP_HACKING_SOUNDS", true);
|
|
} else {
|
|
mp.events.callRemote("SERVER:BuyCharacterClothes", "clothe", JSON.stringify(serverData));
|
|
}
|
|
}
|
|
});
|
|
|
|
// Reset preview when player backs out of category menu
|
|
item.menu.MenuClose.on(() => {
|
|
resetPreview();
|
|
|
|
currentMenuIdx = -1;
|
|
mainMenu.Visible = true;
|
|
});
|
|
}
|
|
|
|
// Main menu events
|
|
mainMenu.ItemSelect.on((selectedItem, itemIndex) => {
|
|
const nextMenu = categoryMenus[itemIndex];
|
|
const slot = Number(nextMenu.slotIdx);
|
|
|
|
lastClothing = {
|
|
type: nextMenu.type,
|
|
slotIdx: slot,
|
|
drawable: (nextMenu.type === "props" ? localPlayer.getPropIndex(slot) : localPlayer.getDrawableVariation(slot)),
|
|
texture: (nextMenu.type === "props" ? localPlayer.getPropTextureIndex(slot) : localPlayer.getTextureVariation(slot)),
|
|
undershirt: [localPlayer.getDrawableVariation(8), localPlayer.getTextureVariation(8)],
|
|
torso: localPlayer.getDrawableVariation(3)
|
|
};
|
|
|
|
currentMenuIdx = itemIndex;
|
|
mainMenu.Visible = false;
|
|
nextMenu.menu.Visible = true;
|
|
menuTransition = true;
|
|
|
|
submenuItemChangeHandler(nextMenu.menu.CurrentSelection);
|
|
});
|
|
|
|
mainMenu.MenuClose.on(() => {
|
|
globalData.InMenu = false;
|
|
mp.gui.chat.show(true);
|
|
|
|
currentMenuIdx = -1;
|
|
lastClothing = null;
|
|
});
|
|
}
|
|
});
|
|
|
|
mp.events.add("clothesMenu:updateLast", (drawable, texture, undershirt, undershirtTexture, torso) => {
|
|
if (lastClothing) {
|
|
lastClothing.drawable = drawable;
|
|
lastClothing.texture = texture;
|
|
lastClothing.undershirt[0] = undershirt;
|
|
lastClothing.undershirt[1] = undershirtTexture;
|
|
lastClothing.torso = torso;
|
|
}
|
|
});
|
|
|
|
mp.events.add("clothesMenu:close", () => {
|
|
if (currentMenuIdx !== -1) categoryMenus[currentMenuIdx].menu.Close();
|
|
if (mainMenu && mainMenu.Visible) mainMenu.Close();
|
|
});
|
|
|
|
mp.events.add("clothesMenu:Error", () => {
|
|
mp.game.audio.playSoundFrontend(1, "Hack_Failed", "DLC_HEIST_BIOLAB_PREP_HACKING_SOUNDS", true);
|
|
});
|
|
} |