feat: dev mode

Author: ImRodry

index.html

@@ -177,6 +177,14 @@
 				console.log("Using default minimum distance to station");
 				minimumDistanceToStation = 50;
 			}
+			const devModeCookie = getCookie("devMode");
+			if (devModeCookie) {
+				console.log("Using user defined dev mode");
+				devMode = devModeCookie === "true";
+			} else {
+				console.log("Using default dev mode");
+				devMode = false;
+			}
 
 			// Prevent resize on keyboard open
 			let initialWindowHeight = window.innerHeight;

scripts/stations.js

@@ -254,6 +254,7 @@ async function openBikeList(stationSerialNumber) {
 				<div id="bikeInfo">
 					<div id="bikeName">${bike.name}</div>
 					<div id="bikeDock">Doca ${dockObj.name}</div>
+					${devMode ? `<div id="serialNum">Número de série: ${bike.serialNumber}</div>` : ""}
 				</div>
                 <i id="reserveBikeIcon" class="bi bi-arrow-bar-right"></i></div>
             </div>

scripts/user.js

@@ -1,6 +1,7 @@
 const TRIP_HISTORY_PAGE_SIZE = 10;
 let tokenRefreshed = false;
 let minimumDistanceToStation = 50;
+let devMode = false;
 let tripHistory = null;
 
 // Define the global user, where the variables will be stored
@@ -318,6 +319,10 @@ async function openUserSettings() {
 					<option value="100" ${minimumDistanceToStation === 100 ? `selected="selected"` : ""}>100m</option>
 				</select>
 			</div>
+			<div id="devMode">
+				<div>Modo de programador</div>
+				<input id="devModeCheckbox" type="checkbox" ${devMode ? `checked="checked"` : ""}"/>
+			</div>
         </div>
 		<div id="issueButtonContainer">
 			<div id="issueButton" onclick="window.open('https://github.com/afonsosousah/mGira/issues')">
@@ -360,21 +365,32 @@ async function openUserSettings() {
 		const newDistance = Number(distanceToStationSelector.value); // convert to int
 		minimumDistanceToStation = newDistance; // Set the value
 
-		// Set the cookie expiry to 1 year after today.
-		const expiryDate = new Date();
-		expiryDate.setFullYear(expiryDate.getFullYear() + 1);
-
-		// Store minimum distance to station cookie
-		createCookie("minimumDistanceToStation", minimumDistanceToStation, expiryDate);
+		customCreateCookie("minimumDistanceToStation", newDistance); // Store the value in a cookie
 
 		console.log(`Minimum distance to station was set to ${minimumDistanceToStation}m`);
 	});
+	const devModeInput = document.getElementById("devModeCheckbox");
+	devModeInput.addEventListener("change", () => {
+		devMode = devModeInput.checked;
+		customCreateCookie("devMode", devMode);
+
+		console.log(`Dev mode was set to ${devMode}`);
+	});
 
 	// Set status bar color in PWA
 	// Set notification bar color in Progressive Web App (installable website)
 	changeThemeColor("#79c000");
 }
 
+function customCreateCookie(name, value) {
+	// Set the cookie expiry to 1 year after today.
+	const expiryDate = new Date();
+	expiryDate.setFullYear(expiryDate.getFullYear() + 1);
+
+	// Store cookie
+	createCookie(name, value, expiryDate);
+}
+
 function hideUserSettings(animate = true) {
 	let userSettings = document.getElementById("userSettings");
 	if (userSettings && animate) {