feat: allow using disabled stations in dev mode

Author: ImRodry

scripts/dialogs.js

@@ -10,10 +10,10 @@ function createCustomAlert(message, title = null) {
 
 	const titleObj = alertObj.appendChild(document.createElement("span"));
 	titleObj.id = "title";
-	titleObj.innerHTML = title ?? "";
+	titleObj.innerText = title ?? "";
 
 	const msg = alertObj.appendChild(document.createElement("p"));
-	msg.innerHTML = message;
+	msg.innerText = message;
 
 	const btn = alertObj.appendChild(document.createElement("div"));
 	btn.id = "closeBtn";

scripts/stations.js

@@ -122,7 +122,9 @@ async function openStationMenu(stationSerialNumber) {
             <div id="docksButton">${numDocks === 1 ? "1 doca" : `${numDocks} docas`}</div>
             <img id="bikesImage" src="assets/images/mGira_bike.png" alt="Gira bike" width="25%">
             <div id="bikesButton${
-							stationObj.assetStatus === "repair" ? 'Disabled"' : `" onclick="openBikeList('${stationSerialNumber}')"`
+							stationObj.assetStatus === "repair" && !devMode
+								? 'Disabled"'
+								: `" onclick="openBikeList('${stationSerialNumber}')"`
 						} >
 				${numBikes === 1 ? "1 bicicleta" : `${numBikes} bicicletas`}
 			</div>`;
@@ -280,6 +282,12 @@ async function openBikeList(stationSerialNumber) {
     `,
 		document.getElementById("bikeList")
 	);
+
+	if (devMode)
+		createCustomAlert(
+			"Esta funcionalidade só está disponível no modo de desenvolvimento.\nPor esse motivo, não podemos garantir que funcione corretamente.\nA partir deste momento, não nos responsabilizamos por quaisquer problemas que possam surgir.",
+			"⚠️ ATENÇÃO ⚠️"
+		);
 }
 
 function hideBikeList() {