Merge branch 'main' into feat/version-indicator

3 files changed, 30 insertions, 10 deletions

diff --git a/src/app/index.html b/src/app/index.html
index 80f7701..f5d92e0 100644
--- a/src/app/index.html
+++ b/src/app/index.html
@@ -7,7 +7,7 @@
 		<div class="lines">
 			<div class="line">
 				<div class="text">
-					<div>%%gui.welcome%%</div>
+					<div class="text" id="welcome">%%gui.welcome%%</div>
 					<div class="versions">
 						<div id="vpversion"></div>
 						<div id="nsversion"></div>
diff --git a/src/app/main.css b/src/app/main.css
index cd6c001..aa36c5b 100644
--- a/src/app/main.css
+++ b/src/app/main.css
@@ -1,4 +1,5 @@
 :root {
+	--disabled: #656E7F;
 	--background: #4C515B;
 	--foreground: #DDE2EB;
 	--subforeground: #AFAFAF;
@@ -31,6 +32,12 @@ body, button, input {
 
 nobr {white-space: nowrap}
 
+.versions {
+	height: 15px;
+	font-size: 12px;
+	color: var(--subforeground);
+}
+
 .line {
 	display: flex;
 	margin-top: 15px;
@@ -65,13 +72,9 @@ button:active {
 	transform: scale(0.95);
 }
 
+
 #update {background: #81A1C1}
 #setpath {background: #5E81AC}
 #northstar {background: #C7777F}
 #vanilla, #exit {background: #656E7F}
-
-.versions {
-	height: 15px;
-	font-size: 12px;
-	color: var(--subforeground);
-}
+button:disabled {background: var(--disabled) !important; opacity: 0.5}
\ No newline at end of file
diff --git a/src/app/main.js b/src/app/main.js
index 59b28f2..a33ef72 100644
--- a/src/app/main.js
+++ b/src/app/main.js
@@ -20,7 +20,7 @@ if (fs.existsSync("viper.json")) {
 	settings = {...settings, ...JSON.parse(fs.readFileSync("viper.json", "utf8"))};
 	settings.zip = path.join(settings.gamepath + "/northstar.zip");
 } else {
-	alert(lang("gui.missinggamepath"));
+	alert(lang("general.missinggamepath"));
 	setpath();
 }
 
@@ -31,15 +31,32 @@ function setpath() {ipcRenderer.send("setpath")}
 function launch() {ipcRenderer.send("launch")}
 function launchVanilla() {ipcRenderer.send("launchVanilla")}
 
+function log(msg) {
+	console.log(msg);
+	welcome.innerHTML = msg;
+}
+
+function setButtons(state) {
+	let buttons = document.querySelectorAll("button");
+
+	for (let i = 0; i < buttons.length; i++) {
+		buttons[i].disabled = !state;
+	}
+}
+
+ipcRenderer.on("ns-updated", () => {setButtons(true)})
+ipcRenderer.on("ns-updating", () => {setButtons(false)})
+
 ipcRenderer.on("newpath", (event, newpath) => {
 	settings.gamepath = newpath;
 })
 
+ipcRenderer.on("log", (event, msg) => {log(msg)})
+
 ipcRenderer.on("version", (event, versions) => {
 	vpversion.innerText = lang("gui.versions.viper") + ": " + versions.vp;
 	nsversion.innerText = lang("gui.versions.northstar") + ": " + versions.ns;
-});
-ipcRenderer.send("getversion");
+}); ipcRenderer.send("getversion");
 
 setlang();
 setInterval(() => {