Update screenshot

README.md

@@ -19,6 +19,11 @@
 Download the latest release for your operating system
 from [GitHub](https://github.com/mmvanheusden/SteamDepotDownloaderGUI/releases/latest).
 
+## Support
+If you need help, please open an issue.
+
+**⚠️ No support will be provided for binaries downloaded from unofficial mirrors like softpedia. ⚠️**
+
 ## Usage
 
 Enter everything you normally would in the DepotDownloader console.

index.html

@@ -43,48 +43,38 @@
 			<div class="form-group-header">
 				<label for="username">Username</label>
 			</div>
-			<div aria-label="Enter your username here. (leave empty for anonymous login)" class="form-group-body tooltipped tooltipped-n">
-				<input class="form-control input-block" id="username" type="text"/>
-			</div>
+			<input class="form-control input-block" id="username" type="text" placeholder="Leave empty for anonymous login"/>
 		</div>
 
 		<div class="form-group mx-3 mt-1">
 			<div class="form-group-header">
 				<label for="password">Password</label>
 			</div>
-			<div aria-label="Enter your password here. (leave empty for anonymous login)" class="form-group-body tooltipped tooltipped-n">
-				<input class="form-control input-block" id="password" type="password"/>
-			</div>
+			<input class="form-control input-block" id="password" type="password" placeholder="Leave empty for anonymous login"/>
 		</div>
 
-		<div class="form-group mx-3 mt-1">
+		<div class="form-group mx-3 mt-1 required">
 			<div class="form-group-header">
 				<label for="appid">App ID</label>
 			</div>
-			<div aria-label="Enter the App ID here." class="form-group-body tooltipped tooltipped-n">
-				<input class="form-control input-block" id="appid" type="number"/>
-			</div>
+			<input class="form-control input-block" id="appid" type="number"/>
 		</div>
 
-		<div class="form-group mx-3 mt-1">
+		<div class="form-group mx-3 mt-1 required">
 			<div class="form-group-header">
 				<label for="depotid">Depot ID</label>
 			</div>
-			<div aria-label="Enter the Depot ID here." class="form-group-body tooltipped tooltipped-n">
-				<input class="form-control input-block" id="depotid" type="number"/>
-			</div>
+			<input class="form-control input-block" id="depotid" type="number"/>
 		</div>
 
-		<div class="form-group mx-3 mt-1">
+		<div class="form-group mx-3 mt-1 required">
 			<div class="form-group-header">
 				<label for="manifestid">Manifest ID</label>
 			</div>
-			<div aria-label="Enter the Manifest ID here." class="form-group-body tooltipped tooltipped-n">
-				<input class="form-control input-block" id="manifestid" type="number"/>
-			</div>
+			<input class="form-control input-block" id="manifestid" type="number"/>
 		</div>
 
-		<div class="form-group mx-3 mt-1">
+		<div class="form-group mx-3 mt-1 required">
 			<div class="form-group-header ">
 				<label for="osdropdown">Operating system</label>
 			</div>
@@ -106,7 +96,7 @@
 		</div>
 	</form>
 
-	<div aria-label="Start the download process." class="form-group mt-3 ml-3 mr-3 tooltipped tooltipped-n">
+	<div class="form-group mt-3 ml-3 mr-3">
 		<button class="btn btn-block btn-primary" id="downloadbtn">
 			<svg class="octicon" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
 				<path d="M7.47 10.78a.75.75 0 001.06 0l3.75-3.75a.75.75 0 00-1.06-1.06L8.75 8.44V1.75a.75.75 0 00-1.5 0v6.69L4.78 5.97a.75.75 0 00-1.06 1.06l3.75 3.75zM3.75 13a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5z"

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "steamdepotdownloadergui",
-  "version": "2.0.6",
+  "version": "2.1.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "steamdepotdownloadergui",
-      "version": "2.0.6",
+      "version": "2.1.0",
       "license": "GPL-3.0",
       "dependencies": {
         "elecron": "^0.0.1-security",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "steamdepotdownloadergui",
-  "version": "2.0.6",
+  "version": "2.1.0",
   "description": "DepotDownloader Electron frontend",
   "main": "main.js",
   "scripts": {

utils.js

@@ -4,13 +4,16 @@
  */
 function preDownloadCheck() {
 	return new Promise((resolve, reject) => {
-		let appid = document.forms["theform"]["appid"].value
-		let depotid = document.forms["theform"]["depotid"].value
-		let manifestid = document.forms["theform"]["manifestid"].value
-
 		// Check if all fields are filled
-		if (appid === "" || depotid === "" || manifestid === "") {
-			// Reject before even checking if dotnet is installed
+		const formInputs = document.forms["theform"]
+
+		let unfilledFields = 0
+		for (const input of formInputs) {
+			const isInvalid = input.value === "" && input.parentElement.classList.contains("required")
+			input.parentElement.classList.toggle("errored", isInvalid) // toggle the 'errored' class depending on if isInvalid is true or false.
+			if (isInvalid) unfilledFields++
+		}
+		if (unfilledFields > 0) {
 			reject("emptyField")
 			return
 		}
@@ -162,7 +165,7 @@ const createCommand = () => {
 	if (osdropdown.options[osdropdown.selectedIndex].text.includes("Gnome")) {
 		return `gnome-terminal -e 'bash -c "dotnet ./depotdownloader/DepotDownloader.dll ${userpass} -app ${appid} -depot ${depotid} -manifest ${manifestid} -dir ${finalPath}/ -max-servers 50 -max-downloads 16";bash'`
 	} else if (osdropdown.options[osdropdown.selectedIndex].text.includes("Windows")) {
-		return `start cmd.exe /k dotnet ${platformpath()}${path.sep}depotdownloader${path.sep}DepotDownloader.dll -${userpass} -app ${appid} -depot ${depotid} -manifest ${manifestid} -dir ${finalPath}/ -max-servers 50 -max-downloads 16`
+		return `start cmd.exe /k dotnet ${platformpath()}${path.sep}depotdownloader${path.sep}DepotDownloader.dll ${userpass} -app ${appid} -depot ${depotid} -manifest ${manifestid} -dir ${finalPath}/ -max-servers 50 -max-downloads 16`
 	} else if (osdropdown.options[osdropdown.selectedIndex].text.includes("macOS")) {
 		return `osascript -c 'tell application "Terminal" to do script 'dotnet ./depotdownloader/DepotDownloader.dll ${userpass} -app ${appid} -depot ${depotid} -manifest ${manifestid} -dir ${finalPath}/ -max-servers 50 -max-downloads 16'`
 	} else if (osdropdown.options[osdropdown.selectedIndex].text.includes("Konsole")) {