Removed top tracks, artist and albums from home tab

public/index.html

@@ -263,64 +263,9 @@ <h1>No Playlists found</h1>
 						</div>
 
 						<div id="home_tab" class="main_tabcontent">
-							<h1>Home</h1>
+							<h1>Welcome to deemix</h1>
-							<div v-if="tracks.length">
-								<h2>Top Tracks</h2>
-								<table>
-									<tr v-for="track in tracks" class="track_row">
-										<td class="top-tracks-position" :class="{ first: track.position === 1 }">{{ track.position }}</td>
-										<td style="width: 48px; text-align: center;">
-											<a href="#" @click="playPausePreview" :class="'rounded' + (track.preview ? ' single-cover' : '')"
-												:data-preview="track.preview"><i @mouseenter="previewMouseEnter" @mouseleave="previewMouseLeave"
-													v-if="track.preview" class="material-icons preview_controls">play_arrow</i><img
-													class="rounded coverart" :src="track.album.cover_small">
-										</td>
-										<td class="breakline">
-											{{ track.title + (track.title_version && track.title.indexOf(track.title_version) == -1 ? ' '+ track.title_version : '') }}
-										</td>
-										<td class="breakline clickable" @click="artistView" :data-id="track.artist.id">
-											{{track.artist.name}}</td>
-										<td class="breakline clickable" @click="albumView" :data-id="track.album.id">
-											{{track.album.title}}</td>
-										<td>{{convertDuration(track.duration)}}</td>
-										<td role="button" aria-label="download" @contextmenu.prevent="openQualityModal"
-											@click.stop="addToQueue" :data-link="track.link" style="width: 56px; text-align: center;"
-											class="clickable"><i class="material-icons">get_app</i>
-										</td>
-									</tr>
-								</table>
-							</div>
-							<div v-if="albums.length">
-								<h2>Top Albums</h2>
-								<div class="release_grid">
-									<div v-for="release in albums" class="release clickable" @click="albumView" :data-id="release.id">
-										<div class="cover_container">
-											<img class="rounded coverart" :src="release.cover_medium">
-											<div role="button" aria-label="download" @contextmenu.prevent="openQualityModal"
-												@click.stop="addToQueue" :data-link="release.link" class="download_overlay"><i
-													class="material-icons">get_app</i></div>
-										</div>
-										<p class="primary-text">{{ release.title }}</p>
-										<p class="secondary-text">{{ 'by '+release.artist.name }}</p>
-									</div>
-								</div>
-							</div>
-							<div v-if="artists.length">
-								<h2>Top Artists</h2>
-								<div class="release_grid">
-									<div v-for="release in artists" class="release clickable" @click="artistView" :data-id="release.id">
-										<div class="cover_container">
-											<img class="circle coverart" :src="release.picture_medium">
-											<div role="button" aria-label="download" @contextmenu.prevent="openQualityModal"
-												@click.stop="addToQueue" :data-link="release.link" class="download_overlay"><i
-													class="material-icons">get_app</i></div>
-										</div>
-										<p class="primary-text">{{ release.name }}</p>
-									</div>
-								</div>
-							</div>
 							<div v-if="playlists.length">
-								<h2>Top Playlists</h2>
+								<h2>Recommended 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

@@ -41366,9 +41366,6 @@ const LinkAnalyzerTab = new Vue({
 const HomeTab = new Vue({
 	data() {
 		return {
-			tracks: [],
-			albums: [],
-			artists: [],
 			playlists: []
 		}
 	},
@@ -41376,11 +41373,6 @@ const HomeTab = new Vue({
 		artistView,
 		albumView,
 		playlistView,
-		playPausePreview: TrackPreview.playPausePreview,
-		previewMouseEnter: TrackPreview.previewMouseEnter,
-		previewMouseLeave: TrackPreview.previewMouseLeave,
-		numberWithDots: Utils.numberWithDots,
-		convertDuration: Utils.convertDuration,
 		addToQueue(e) {
 			e.stopPropagation();
 			Downloads.sendAddToQueue(e.currentTarget.dataset.link);
@@ -41389,9 +41381,6 @@ const HomeTab = new Vue({
 			QualityModal$1.open(e.currentTarget.dataset.link);
 		},
 		initHome(data) {
-			this.tracks = data.tracks.data;
-			this.albums = data.albums.data;
-			this.artists = data.artists.data;
 			this.playlists = data.playlists.data;
 		}
 	},

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

@@ -9,9 +9,6 @@ import Utils from '../utils.js'
 const HomeTab = new Vue({
 	data() {
 		return {
-			tracks: [],
-			albums: [],
-			artists: [],
 			playlists: []
 		}
 	},
@@ -19,11 +16,6 @@ const HomeTab = new Vue({
 		artistView,
 		albumView,
 		playlistView,
-		playPausePreview: TrackPreview.playPausePreview,
-		previewMouseEnter: TrackPreview.previewMouseEnter,
-		previewMouseLeave: TrackPreview.previewMouseLeave,
-		numberWithDots: Utils.numberWithDots,
-		convertDuration: Utils.convertDuration,
 		addToQueue(e) {
 			e.stopPropagation()
 			Downloads.sendAddToQueue(e.currentTarget.dataset.link)
@@ -32,9 +24,6 @@ const HomeTab = new Vue({
 			QualityModal.open(e.currentTarget.dataset.link)
 		},
 		initHome(data) {
-			this.tracks = data.tracks.data
-			this.albums = data.albums.data
-			this.artists = data.artists.data
 			this.playlists = data.playlists.data
 		}
 	},