322 lines
9.3 KiB
JavaScript
322 lines
9.3 KiB
JavaScript
// ===========================================================================
|
|
// Vortrex's Roleplay Resource
|
|
// https://github.com/VortrexFTW/gtac_roleplay
|
|
// ===========================================================================
|
|
// FILE: gui.js
|
|
// DESC: Provides GUI functionality and styles (using MexUI)
|
|
// TYPE: Client (JavaScript)
|
|
// ===========================================================================
|
|
|
|
var app = {};
|
|
|
|
let mainFont = "Roboto"; // "Arial"
|
|
|
|
//let mainLogoPath = (typeof gta == "undefined") ? "files/images/mafiac-logo.png" : "files/images/gtac-logo.png";
|
|
let mainLogoPath = "files/images/server-logo.png";
|
|
|
|
let primaryColour = [200, 200, 200];
|
|
let secondaryColour = [16, 16, 16];
|
|
let primaryTextColour = [0, 0, 0];
|
|
let focusedColour = [200, 200, 200];
|
|
let invalidValueColour = [200, 200, 200];
|
|
|
|
let focusedColourOffset = 50;
|
|
|
|
let windowAlpha = 200;
|
|
let windowTitleAlpha = 180;
|
|
let buttonAlpha = 180;
|
|
let textInputAlpha = 180;
|
|
|
|
let guiReady = false;
|
|
|
|
let guiSubmitKey = false;
|
|
let guiLeftKey = false;
|
|
let guiRightKey = false;
|
|
let guiUpKey = false;
|
|
let guiDownKey = false;
|
|
|
|
// ===========================================================================
|
|
|
|
let placesOfOrigin = [
|
|
"Liberty City",
|
|
"Vice City",
|
|
"Los Santos",
|
|
"San Fierro",
|
|
"Las Venturas",
|
|
"San Andreas",
|
|
"Blaine County",
|
|
"Red County",
|
|
"Bone County",
|
|
"Other",
|
|
];
|
|
|
|
// ===========================================================================
|
|
|
|
let characterData = [];
|
|
let currentCharacter = 0;
|
|
|
|
let inCharacterSelectScreen = false;
|
|
let creatingCharacter = false;
|
|
|
|
// ===========================================================================
|
|
|
|
function initGUIScript() {
|
|
logToConsole(LOG_DEBUG, "[VRR.GUI]: Initializing GUI script ...");
|
|
logToConsole(LOG_DEBUG, "[VRR.GUI]: GUI script initialized!");
|
|
}
|
|
|
|
// ===========================================================================
|
|
|
|
function initGUI() {
|
|
logToConsole(LOG_DEBUG, `[VRR.GUI] Initializing GUI ...`);
|
|
|
|
initLoginGUI();
|
|
initRegisterGUI();
|
|
initNewCharacterGUI();
|
|
initCharacterSelectGUI();
|
|
initInfoDialogGUI();
|
|
initErrorDialogGUI();
|
|
initYesNoDialogGUI();
|
|
initTwoFactorAuthenticationGUI();
|
|
initListGUI();
|
|
initResetPasswordGUI();
|
|
initChangePasswordGUI();
|
|
|
|
closeAllWindows();
|
|
guiReady = true;
|
|
|
|
logToConsole(LOG_DEBUG, `[VRR.GUI] All GUI created successfully!`);
|
|
sendNetworkEventToServer("vrr.guiReady", true);
|
|
};
|
|
|
|
// ===========================================================================
|
|
|
|
function closeAllWindows() {
|
|
logToConsole(LOG_DEBUG, `[VRR.GUI] Closing all GUI windows`);
|
|
infoDialog.window.shown = false;
|
|
yesNoDialog.window.shown = false;
|
|
errorDialog.window.shown = false;
|
|
register.window.shown = false;
|
|
login.window.shown = false;
|
|
newCharacter.window.shown = false;
|
|
characterSelect.window.shown = false;
|
|
twoFactorAuth.window.shown = false;
|
|
listDialog.window.shown = false;
|
|
resetPassword.window.shown = false;
|
|
passwordChange.window.shown = false;
|
|
mexui.setInput(false);
|
|
mexui.focusedControl = false;
|
|
|
|
guiSubmitKey = false;
|
|
guiLeftKey = false;
|
|
guiRightKey = false;
|
|
guiUpKey = false;
|
|
guiDownKey = false;
|
|
}
|
|
|
|
// ===========================================================================
|
|
|
|
function isAnyGUIActive() {
|
|
if(!guiReady) {
|
|
return false;
|
|
}
|
|
|
|
if(infoDialog.window.shown == true) {
|
|
return true;
|
|
}
|
|
|
|
if(yesNoDialog.window.shown == true) {
|
|
return true;
|
|
}
|
|
|
|
if(errorDialog.window.shown == true) {
|
|
return true;
|
|
}
|
|
|
|
if(register.window.shown == true) {
|
|
return true;
|
|
}
|
|
|
|
if(login.window.shown == true) {
|
|
return true;
|
|
}
|
|
|
|
if(newCharacter.window.shown == true) {
|
|
return true;
|
|
}
|
|
|
|
if(characterSelect.window.shown == true) {
|
|
return true;
|
|
}
|
|
|
|
if(twoFactorAuth.window.shown == true) {
|
|
return true;
|
|
}
|
|
|
|
if(listDialog.window.shown == true) {
|
|
return true;
|
|
}
|
|
|
|
if(resetPassword.window.shown == true) {
|
|
return true;
|
|
}
|
|
|
|
if(passwordChange.window.shown == true) {
|
|
return true;
|
|
}
|
|
|
|
return false;
|
|
}
|
|
|
|
// ===========================================================================
|
|
|
|
addNetworkEventHandler("vrr.showCharacterSelect", function(firstName, lastName, cash, clan, lastPlayed, skinId) {
|
|
logToConsole(LOG_DEBUG, `[VRR.GUI] Received request from server to show character selection window`);
|
|
showCharacterSelectGUI(firstName, lastName, cash, clan, lastPlayed, skinId);
|
|
});
|
|
|
|
// ===========================================================================
|
|
|
|
addNetworkEventHandler("vrr.switchCharacterSelect", function(firstName, lastName, cash, clan, lastPlayed, skinId) {
|
|
logToConsole(LOG_DEBUG, `[VRR.GUI] Received request from server to update character selection window with new info`);
|
|
switchCharacterSelectGUI(firstName, lastName, cash, clan, lastPlayed, skinId);
|
|
});
|
|
|
|
// ===========================================================================
|
|
|
|
addNetworkEventHandler("vrr.showError", function(errorMessage, errorTitle) {
|
|
logToConsole(LOG_DEBUG, `[VRR.GUI] Received request from server to show error window`);
|
|
showError(errorMessage, errorTitle);
|
|
});
|
|
|
|
// ===========================================================================
|
|
|
|
addNetworkEventHandler("vrr.showPrompt", function(promptMessage, promptTitle) {
|
|
logToConsole(LOG_DEBUG, `[VRR.GUI] Received request from server to show prompt window`);
|
|
showYesNoPromptGUI(promptMessage, promptTitle);
|
|
});
|
|
|
|
// ===========================================================================
|
|
|
|
addNetworkEventHandler("vrr.showInfo", function(infoMessage) {
|
|
logToConsole(LOG_DEBUG, `[VRR.GUI] Received request from server to show info dialog`);
|
|
showInfo(infoMessage);
|
|
});
|
|
|
|
// ===========================================================================
|
|
|
|
addNetworkEventHandler("vrr.loginSuccess", function() {
|
|
logToConsole(LOG_DEBUG, `[VRR.GUI] Received signal of successful login from server`);
|
|
loginSuccess();
|
|
});
|
|
|
|
// ===========================================================================
|
|
|
|
addNetworkEventHandler("vrr.characterSelectSuccess", function() {
|
|
logToConsole(LOG_DEBUG, `[VRR.GUI] Received signal of successful character selection from server`);
|
|
characterSelectSuccess();
|
|
setChatWindowEnabled(true);
|
|
});
|
|
|
|
// ===========================================================================
|
|
|
|
addNetworkEventHandler("vrr.loginFailed", function(remainingAttempts) {
|
|
logToConsole(LOG_DEBUG, `[VRR.GUI] Received signal of failed login from server`);
|
|
loginFailed(remainingAttempts);
|
|
});
|
|
|
|
// ===========================================================================
|
|
|
|
addNetworkEventHandler("vrr.registrationSuccess", function() {
|
|
logToConsole(LOG_DEBUG, `[VRR.GUI] Received signal of successful registration from server`);
|
|
registrationSuccess();
|
|
});
|
|
|
|
// ===========================================================================
|
|
|
|
addNetworkEventHandler("vrr.registrationFailed", function(errorMessage) {
|
|
logToConsole(LOG_DEBUG, `[VRR.GUI] Received signal of failed registration from server`);
|
|
registrationFailed(errorMessage);
|
|
});
|
|
|
|
// ===========================================================================
|
|
|
|
addNetworkEventHandler("vrr.newCharacterFailed", function(errorMessage) {
|
|
logToConsole(LOG_DEBUG, `[VRR.GUI] Received signal of failed registration from server`);
|
|
newCharacterFailed(errorMessage);
|
|
});
|
|
|
|
// ===========================================================================
|
|
|
|
addNetworkEventHandler("vrr.changePassword", function() {
|
|
logToConsole(LOG_DEBUG, `[VRR.GUI] Received signal to change password from server`);
|
|
showChangePasswordGUI();
|
|
});
|
|
|
|
// ===========================================================================
|
|
|
|
addNetworkEventHandler("vrr.showResetPasswordCodeInput", function() {
|
|
logToConsole(LOG_DEBUG, `[VRR.GUI] Received signal to input reset password code from server`);
|
|
resetPasswordCodeInputGUI();
|
|
});
|
|
|
|
// ===========================================================================
|
|
|
|
addNetworkEventHandler("vrr.guiColour", function(red1, green1, blue1, red2, green2, blue2, red3, green3, blue3) {
|
|
logToConsole(LOG_DEBUG, `[VRR.GUI] Received new GUI colours from server: ${red1}, ${green1}, ${blue1} / ${red2}, ${green2}, ${blue2} / ${red3}, ${green3}, ${blue3}`);
|
|
primaryColour = [red1, green1, blue1];
|
|
secondaryColour = [red2, green2, blue2];
|
|
primaryTextColour = [red3, green3, blue3];
|
|
focusedColour = [red1+focusedColourOffset, green1+focusedColourOffset, blue1+focusedColourOffset];
|
|
|
|
initGUI();
|
|
});
|
|
|
|
// ===========================================================================
|
|
|
|
addNetworkEventHandler("vrr.guiInit", function() {
|
|
logToConsole(LOG_DEBUG, `[VRR.GUI] Initializing MexUI app`);
|
|
//initGUI();
|
|
sendNetworkEventToServer("vrr.guiReady", true);
|
|
});
|
|
|
|
// ===========================================================================
|
|
|
|
function hideAllGUI() {
|
|
closeAllWindows();
|
|
setChatWindowEnabled(true);
|
|
guiSubmitKey = false;
|
|
}
|
|
|
|
// ===========================================================================
|
|
|
|
function processGUIKeyPress(keyCode) {
|
|
if(!isAnyGUIActive()) {
|
|
return false;
|
|
}
|
|
|
|
if(keyCode == SDLK_RETURN || keyCode == SDLK_RETURN2) {
|
|
if(guiSubmitKey != false) {
|
|
guiSubmitKey();
|
|
}
|
|
} else if(keyCode == SDLK_LEFT) {
|
|
if(guiLeftKey != false) {
|
|
guiLeftKey();
|
|
}
|
|
} else if(keyCode == SDLK_RIGHT) {
|
|
if(guiRightKey != false) {
|
|
guiRightKey();
|
|
}
|
|
}
|
|
}
|
|
|
|
// ===========================================================================
|
|
|
|
function processToggleGUIKeyPress(keyCode) {
|
|
if(keyCode == disableGUIKey) {
|
|
sendNetworkEventToServer("vrr.toggleGUI");
|
|
}
|
|
}
|
|
|
|
// ===========================================================================
|