Added easy login in the GUI

- UI freezes after opening the login window, don't know why
- After logging in sending another request to the server will crash it, 
don't know why either
- Need to make a check for the qt renderer

src/js/app.js

@@ -20,6 +20,13 @@ function startApp() {
 	TrackPreview.init()
 }
 
+function initClient(){
+	console.log("ClientMode")
+	document.getElementById("settings_btn_appLogin").removeAttribute("disabled")
+	window.clientMode = true;
+}
+
+window.addEventListener('pywebviewready', initClient)
 document.addEventListener('DOMContentLoaded', startApp)
 
 /* ===== General functions ===== */
@@ -76,6 +83,7 @@ socket.on('logged_in', function (data) {
 				document.getElementById('logged_in_info').classList.remove('hide')
 			}
 			document.getElementById('home_not_logged_in').classList.add('hide')
+			document.getElementById('settings_btn_appLogin').classList.add('hide')
 			break
 		case 2:
 			toast('Already logged in', 'done', true, 'login-toast')
@@ -89,6 +97,7 @@ socket.on('logged_in', function (data) {
 				document.getElementById('logged_in_info').classList.remove('hide')
 			}
 			document.getElementById('home_not_logged_in').classList.add('hide')
+			document.getElementById('settings_btn_appLogin').classList.add('hide')
 			break
 		case 0:
 			toast("Couldn't log in", 'close', true, 'login-toast')
@@ -100,6 +109,7 @@ socket.on('logged_in', function (data) {
 			$('#settings_username').text('Not Logged')
 			$('#settings_picture').attr('src', `https://e-cdns-images.dzcdn.net/images/user/125x125-000000-80-0-0.jpg`)
 			document.getElementById('home_not_logged_in').classList.remove('hide')
+			document.getElementById('settings_btn_appLogin').classList.remove('hide')
 			break
 	}
 })
@@ -113,4 +123,5 @@ socket.on('logged_out', function () {
 	$('#settings_username').text('Not Logged')
 	$('#settings_picture').attr('src', `https://e-cdns-images.dzcdn.net/images/user/125x125-000000-80-0-0.jpg`)
 	document.getElementById('home_not_logged_in').classList.remove('hide')
+	document.getElementById('settings_btn_appLogin').classList.remove('hide')
 })

src/js/modules/components/settings-tab.js

@@ -69,6 +69,9 @@ const SettingsTab = new Vue({
 		logout() {
 			socket.emit('logout')
 		},
+		applogin() {
+			if (window.clientMode) socket.emit('applogin')
+		},
 		initSettings(settings, credentials, defaults) {
 			this.loadSettings(settings, credentials, defaults)
 			toast('Settings loaded!', 'settings')