Added login warning in home tab if user is not logged in

public/css/modules/globals.css

@@ -306,3 +306,7 @@ th.sort-desc:after {
 .with_checkbox .checkbox_text::selection {
 	background: none;
 }
+
+.hide {
+	display: none !important;
+}

public/css/modules/settings.css

@@ -16,10 +16,6 @@
 	align-items: center;
 }
 
-#logged_in_info.hide {
-	display: none;
-}
-
 #log_info {
 	display: flex;
 	flex-direction: column;

public/index.html

@@ -264,8 +264,12 @@ <h1>No Playlists found</h1>
 
 						<div id="home_tab" class="main_tabcontent">
 							<h1>Welcome to deemix</h1>
+							<div id="home_not_logged_in">
+								<p>You need to log into your deezer account before starting downloading.</p>
+								<button type="button" name="button" @click="openSettings">Open Settings</button>
+							</div>
 							<div v-if="playlists.length">
-								<h2>Recommended playlists</h2>
+								<h2>Popular playlists</h2>
 								<div class="release_grid">
 									<div v-for="release in playlists" class="release clickable" @click="playlistView"
 										:data-id="release.id">

public/js/bundle.js

@@ -41373,6 +41373,9 @@ const HomeTab = new Vue({
 		artistView,
 		albumView,
 		playlistView,
+		openSettings(e){
+			document.getElementById("main_settings_tablink").click();
+		},
 		addToQueue(e) {
 			e.stopPropagation();
 			Downloads.sendAddToQueue(e.currentTarget.dataset.link);
@@ -42056,6 +42059,7 @@ socket.on('logged_in', function (data) {
 				// $('#logged_in_info').show()
 				document.getElementById('logged_in_info').classList.remove('hide');
 			}
+			document.getElementById('home_not_logged_in').classList.add('hide');
 			break
 		case 2:
 			toast('Already logged in', 'done', true, 'login-toast');
@@ -42068,6 +42072,7 @@ socket.on('logged_in', function (data) {
 				// $('#logged_in_info').show()
 				document.getElementById('logged_in_info').classList.remove('hide');
 			}
+			document.getElementById('home_not_logged_in').classList.add('hide');
 			break
 		case 0:
 			toast("Couldn't log in", 'close', true, 'login-toast');
@@ -42078,6 +42083,7 @@ socket.on('logged_in', function (data) {
 			// $('#logged_in_info').hide()
 			jquery('#settings_username').text('Not Logged');
 			jquery('#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');
 			break
 	}
 });
@@ -42091,6 +42097,7 @@ socket.on('logged_out', function () {
 	// $('#logged_in_info').hide()
 	jquery('#settings_username').text('Not Logged');
 	jquery('#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');
 });
 
 /* ===== App initialization ===== */
@@ -42108,6 +42115,7 @@ function startApp() {
 
 		socket.emit('login', arl);
 		jquery('#login_input_arl').val(arl);
+		document.getElementById('home_not_logged_in').classList.add('hide');
 	}
 	if ('true' === localStorage.getItem('slimDownloads')) {
 		document.getElementById('download_list').classList.add('slim');

src/js/app.js

@@ -37,6 +37,7 @@ socket.on('logged_in', function (data) {
 				// $('#logged_in_info').show()
 				document.getElementById('logged_in_info').classList.remove('hide')
 			}
+			document.getElementById('home_not_logged_in').classList.add('hide')
 			break
 		case 2:
 			toast('Already logged in', 'done', true, 'login-toast')
@@ -49,6 +50,7 @@ socket.on('logged_in', function (data) {
 				// $('#logged_in_info').show()
 				document.getElementById('logged_in_info').classList.remove('hide')
 			}
+			document.getElementById('home_not_logged_in').classList.add('hide')
 			break
 		case 0:
 			toast("Couldn't log in", 'close', true, 'login-toast')
@@ -59,6 +61,7 @@ socket.on('logged_in', function (data) {
 			// $('#logged_in_info').hide()
 			$('#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')
 			break
 	}
 })
@@ -72,6 +75,7 @@ socket.on('logged_out', function () {
 	// $('#logged_in_info').hide()
 	$('#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')
 })
 
 /* ===== App initialization ===== */
@@ -89,6 +93,7 @@ function startApp() {
 
 		socket.emit('login', arl)
 		$('#login_input_arl').val(arl)
+		document.getElementById('home_not_logged_in').classList.add('hide')
 	}
 	if ('true' === localStorage.getItem('slimDownloads')) {
 		document.getElementById('download_list').classList.add('slim')

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

@@ -16,6 +16,9 @@ const HomeTab = new Vue({
 		artistView,
 		albumView,
 		playlistView,
+		openSettings(e){
+			document.getElementById("main_settings_tablink").click()
+		},
 		addToQueue(e) {
 			e.stopPropagation()
 			Downloads.sendAddToQueue(e.currentTarget.dataset.link)