Add locale chooser GUI

2022-05-15 04:16:02 -05:00
parent 536f105aef
commit c0a629e708
2 changed files with 100 additions and 69 deletions
--- a/scripts/client/gui/localechooser.js
+++ b/scripts/client/gui/localechooser.js
@@ -0,0 +1,100 @@
+// ===========================================================================
+// Vortrex's Roleplay Resource
+// https://github.com/VortrexFTW/gtac_roleplay
+// ===========================================================================
+// FILE: localechooser.js
+// DESC: Provides locale chooser GUI
+// TYPE: Client (JavaScript)
+// ===========================================================================
+
+let localeChooser = {
+	window: null,
+	flagImages: [],
+	activeRingImages: [],
+};
+
+let flagImageSize = toVector2(30, 30);
+let flagImageGap = toVector2(5, 5);
+
+// ===========================================================================
+
+function initLocaleChooserGUI() {
+    logToConsole(LOG_DEBUG, `[VRR.GUI] Creating locale chooser GUI ...`);
+	localeChooser.window = mexui.window(game.width/2-200, game.height-150, 60, 60, 'Choose a language', {
+		main: {
+			backgroundColour: toColour(secondaryColour[0], secondaryColour[1], secondaryColour[2], 0),
+		},
+		title: {
+			textSize: 11.0,
+			textColour: toColour(primaryTextColour[0], primaryTextColour[1], primaryTextColour[2], 255),
+			backgroundColour: toColour(primaryColour[0], primaryColour[1], primaryColour[2], windowTitleAlpha),
+		},
+		icon: {
+			textSize: 0.0,
+			textColour: toColour(0, 0, 0, 0),
+			backgroundColour: toColour(0, 0, 0, 0),
+		},
+	});
+	localeChooser.window.titleBarShown = false;
+
+	loadLocaleConfig();
+
+	logToConsole(LOG_DEBUG, `[VRR.GUI] Created locale chooser GUI`);
+}
+
+// ===========================================================================
+
+function closeLocaleChooserGUI() {
+	logToConsole(LOG_DEBUG, `[VRR.GUI] Closing locale chooser window`);
+	localeChooser.window.shown = false;
+	mexui.setInput(false);
+}
+
+// ===========================================================================
+
+function showLocaleChooserGUI() {
+	//closeAllWindows();
+	logToConsole(LOG_DEBUG, `[VRR.GUI] Showing locale chooser window`);
+	mexui.setInput(true);
+	localeChooser.window.shown = true;
+}
+
+// ===========================================================================
+
+function localeChooserSetLocale(localeId) {
+	logToConsole(LOG_DEBUG|LOG_WARN, `[VRR.GUI] Asking server to change locale to ${localeId}`);
+	sendLocaleSelectToServer(localeId);
+}
+
+// ===========================================================================
+
+function resetLocaleChooserOptions() {
+	logToConsole(LOG_DEBUG|LOG_WARN, `[VRR.GUI] Resetting locale chooser options`);
+
+	// let tempLocaleOptions = getServerData().localeOptions; // getAvailableLocaleOptions();
+	let tempLocaleOptions = getAvailableLocaleOptions();
+
+	localeChooser.window.size = toVector2((tempLocaleOptions.length*(flagImageSize.x+flagImageGap.x))+flagImageGap.x, flagImageSize.y+flagImageGap.y*2);
+	localeChooser.window.position = toVector2((getScreenWidth()/2)-(localeChooser.window.size.x/2), getScreenHeight()-100);
+
+	for(let i in localeChooser.flagImages) {
+		localeChooser.flagImages[i].remove();
+	}
+
+	for(let i in tempLocaleOptions) {
+		let imagePath = `files/images/flags/${tempLocaleOptions[i].flagImageFile}`;
+		localeChooser.flagImages[i] = localeChooser.window.image((i*(flagImageSize.x+flagImageGap.x))+flagImageGap.x, flagImageGap.y, flagImageSize.x, flagImageSize.y, imagePath, {
+			focused: {
+				borderColour: toColour(0, 0, 0, 0),
+			},
+		}, function() {
+			localeChooserSetLocale(tempLocaleOptions[i].id);
+		});
+
+		logToConsole(LOG_DEBUG|LOG_WARN, `[VRR.GUI] Created locale chooser option ${tempLocaleOptions[i].englishName} with image ${imagePath}`);
+
+		//localeChooser.activeRingImages.push(activeRingImage);
+	}
+}
+
+// ===========================================================================
--- a/scripts/client/gui/localepicker.js
+++ b/scripts/client/gui/localepicker.js
@@ -1,69 +0,0 @@
-// ===========================================================================
-// Vortrex's Roleplay Resource
-// https://github.com/VortrexFTW/gtac_roleplay
-// ===========================================================================
-// FILE: localechooser.js
-// DESC: Provides locale chooser GUI
-// TYPE: Client (JavaScript)
-// ===========================================================================
-
-let localeChooser = {
-	window: null,
-	flagImages: []
-};
-
-// ===========================================================================
-
-function initLocaleChooserGUI() {
-    logToConsole(LOG_DEBUG, `[VRR.GUI] Creating locale chooser GUI ...`);
-	localeChooser.window = mexui.window(game.width/2-200, game.height/2-70, 400, 140, 'Choose a language', {
-		main: {
-			backgroundColour: toColour(secondaryColour[0], secondaryColour[1], secondaryColour[2], windowAlpha),
-		},
-		title: {
-			textSize: 11.0,
-			textColour: toColour(primaryTextColour[0], primaryTextColour[1], primaryTextColour[2], 255),
-			backgroundColour: toColour(primaryColour[0], primaryColour[1], primaryColour[2], windowTitleAlpha),
-		},
-		icon: {
-			textSize: 0.0,
-			textColour: toColour(0, 0, 0, 0),
-			backgroundColour: toColour(0, 0, 0, 0),
-		},
-	});
-	login.window.titleBarShown = false;
-
-	for(let i in localeOptions) {
-		let flagImage = localeChooser.window.image(25, 25, 100, 100, localeOptions[i].flagImage, {
-			focused: {
-				borderColour: toColour(0, 0, 0, 0),
-			},
-		});
-
-		flagImage.callback = function() {
-			localeChooserSetLocale(localeOptions[i].locale);
-		}
-
-		localeChooser.flagImages.push(flagImage);
-	}
-
-	logToConsole(LOG_DEBUG, `[VRR.GUI] Created locale chooser GUI`);
-}
-
-// ===========================================================================
-
-function closeLocaleChooser() {
-	logToConsole(LOG_DEBUG, `[VRR.GUI] Closing locale chooser window`);
-	localeChooser.window.shown = false;
-	mexui.setInput(false);
-}
-
-// ===========================================================================
-
-function showLocaleChooser() {
-	closeAllWindows();
-	logToConsole(LOG_DEBUG, `[VRR.GUI] Showing locale chooser window`);
-	mexui.setInput(true);
-}
-
-// ===========================================================================