- added hints to some buttons

src/components/ArtistTab.vue

@@ -16,7 +16,7 @@
 				:data-link="link"
 				class="fab right"
 			>
-				<i class="material-icons">get_app</i>
+				<i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
 			</div>
 		</header>
 
@@ -75,7 +75,7 @@
 						:data-link="release.link"
 						class="clickable"
 					>
-						<i class="material-icons">
+						<i class="material-icons" :title="$t('globals.download_hint')">
 							file_download
 						</i>
 					</td>

src/components/TheChartsTab.vue

@@ -62,6 +62,7 @@
 									@mouseleave="previewMouseLeave"
 									v-if="track.preview"
 									class="material-icons preview_controls"
+									:title="$t('globals.play_hint')"
 								>
 									play_arrow
 								</i>
@@ -101,7 +102,7 @@
 							role="button"
 							aria-label="download"
 						>
-							<i class="material-icons">get_app</i>
+							<i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
 						</td>
 					</tr>
 				</tbody>

src/components/TheDownloadTab.vue

@@ -12,13 +12,14 @@
 			class="material-icons download_bar_icon"
 			@click.prevent="toggleDownloadTab"
 			ref="toggler"
+			:title="$t('globals.toggle_download_tab_hint')"
 		></i>
 		<div id="queue_buttons">
 			<i id="open_downloads_folder" class="material-icons download_bar_icon hide" @click="openDownloadsFolder">
 				folder_open
 			</i>
-			<i id="clean_queue" class="material-icons download_bar_icon" @click="cleanQueue">clear_all</i>
+			<i id="clean_queue" class="material-icons download_bar_icon" @click="cleanQueue" :title="$t('globals.clean_queue_hint')">clear_all</i>
-			<i id="cancel_queue" class="material-icons download_bar_icon" @click="cancelQueue">delete_sweep</i>
+			<i id="cancel_queue" class="material-icons download_bar_icon" @click="cancelQueue" :title="$t('globals.cancel_queue_hint')">delete_sweep</i>
 		</div>
 		<div id="download_list" @click="handleListClick" ref="list"></div>
 	</div>

src/components/TheFavoritesTab.vue

@@ -43,7 +43,7 @@
 							:data-link="release.link"
 							class="download_overlay"
 						>
-							<i class="material-icons">get_app</i>
+							<i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
 						</div>
 					</div>
 					<p class="primary-text">{{ release.title }}</p>
@@ -69,7 +69,7 @@
 							:data-link="release.link"
 							class="download_overlay"
 						>
-							<i class="material-icons">get_app</i>
+							<i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
 						</div>
 					</div>
 					<p class="primary-text">{{ release.title }}</p>
@@ -100,7 +100,7 @@
 							:data-link="release.link"
 							class="download_overlay"
 						>
-							<i class="material-icons">get_app</i>
+							<i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
 						</div>
 					</div>
 					<p class="primary-text">{{ release.title }}</p>
@@ -124,7 +124,7 @@
 							:data-link="release.link"
 							class="download_overlay"
 						>
-							<i class="material-icons">get_app</i>
+							<i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
 						</div>
 					</div>
 					<p class="primary-text">{{ release.name }}</p>
@@ -153,6 +153,7 @@
 								@mouseleave="previewMouseLeave"
 								v-if="track.preview"
 								class="material-icons preview_controls"
+								:title="$t('globals.play_hint')"
 							>
 								play_arrow
 							</i>
@@ -191,7 +192,7 @@
 						aria-label="download"
 					>
 						<div class="table__cell-content table__cell-content--vertical-center">
-							<i class="material-icons">get_app</i>
+							<i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
 						</div>
 					</td>
 				</tr>

src/components/TheHomeTab.vue

@@ -25,7 +25,7 @@
 							:data-link="release.link"
 							class="download_overlay"
 						>
-							<i class="material-icons">get_app</i>
+							<i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
 						</div>
 					</div>
 					<p class="primary-text">{{ release.title }}</p>
@@ -55,7 +55,7 @@
 							:data-link="release.link"
 							class="download_overlay"
 						>
-							<i class="material-icons">get_app</i>
+							<i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
 						</div>
 					</div>
 					<p class="primary-text">{{ release.title }}</p>

src/components/TheLinkAnalyzerTab.vue

@@ -47,7 +47,7 @@
 					:data-link="link"
 					class="fab right"
 				>
-					<i class="material-icons">get_app</i>
+					<i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
 				</div>
 			</header>
 			<table class="table">

src/components/TheMainSearch.vue

@@ -51,7 +51,7 @@
 										:data-link="results.allTab.TOP_RESULT[0].link"
 										class="download_overlay"
 									>
-										<i class="material-icons">get_app</i>
+										<i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
 									</div>
 								</div>
 								<div class="info_box">
@@ -119,7 +119,7 @@
 												role="button"
 												aria-label="download"
 											>
-												<i class="material-icons">
+												<i class="material-icons" :title="$t('globals.download_hint')">
 													get_app
 												</i>
 											</td>
@@ -152,7 +152,7 @@
 											:data-link="'https://deezer.com/artist/' + release.ART_ID"
 											class="download_overlay"
 										>
-											<i class="material-icons">get_app</i>
+											<i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
 										</div>
 									</div>
 									<p class="primary-text">{{ release.ART_NAME }}</p>
@@ -184,7 +184,7 @@
 											:data-link="'https://deezer.com/album/' + release.ALB_ID"
 											class="download_overlay"
 										>
-											<i class="material-icons">get_app</i>
+											<i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
 										</div>
 									</div>
 									<p class="primary-text inline-flex">
@@ -225,7 +225,7 @@
 											:data-link="'https://deezer.com/playlist/' + release.PLAYLIST_ID"
 											class="download_overlay"
 										>
-											<i class="material-icons">get_app</i>
+											<i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
 										</div>
 									</div>
 									<p class="primary-text">{{ release.TITLE }}</p>
@@ -278,6 +278,7 @@
 											@mouseleave="previewMouseLeave"
 											v-if="track.preview"
 											class="material-icons preview_controls"
+											:title="$t('globals.play_hint')"
 										>
 											play_arrow
 										</i>
@@ -322,7 +323,7 @@
 									role="button"
 									aria-label="download"
 								>
-									<i class="material-icons">
+									<i class="material-icons" :title="$t('globals.download_hint')">
 										get_app
 									</i>
 								</td>
@@ -353,7 +354,7 @@
 									:data-link="release.link"
 									class="download_overlay"
 								>
-									<i class="material-icons">get_app</i>
+									<i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
 								</div>
 							</div>
 							<p class="primary-text inline-flex">
@@ -387,7 +388,7 @@
 									:data-link="release.link"
 									class="download_overlay"
 								>
-									<i class="material-icons">get_app</i>
+									<i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
 								</div>
 							</div>
 							<p class="primary-text">{{ release.name }}</p>
@@ -418,7 +419,7 @@
 									:data-link="release.link"
 									class="download_overlay"
 								>
-									<i class="material-icons">get_app</i>
+									<i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
 								</div>
 							</div>
 							<p class="primary-text">{{ release.title }}</p>

src/components/TracklistTab.vue

@@ -44,6 +44,7 @@
 										:class="{ preview_playlist_controls: track.preview, disabled: !track.preview }"
 										v-on="{ click: track.preview ? playPausePreview : false }"
 										:data-preview="track.preview"
+										:title="$t('globals.play_hint')"
 									>
 										play_arrow
 									</i>
@@ -111,6 +112,7 @@
 								@click="playPausePreview"
 								:class="'material-icons' + (track.preview_url ? ' preview_playlist_controls' : '')"
 								:data-preview="track.preview_url"
+								:title="$t('globals.play_hint')"
 							>
 								play_arrow
 							</i>

src/lang/en.js

@@ -6,6 +6,11 @@ const en = {
 		download: 'Download {0}',
 		by: 'by {0}',
 		in: 'in {0}',
+		download_hint: 'Download',
+		play_hint: 'Play',
+		toggle_download_tab_hint: 'Expand/Collapse',
+		clean_queue_hint: 'Clear Finished',
+		cancel_queue_hint: 'Cancel All',
 		listTabs: {
 			empty: '',
 			all: 'all',

src/lang/it.js

@@ -6,6 +6,11 @@ const it = {
 		download: 'Scarica {0}',
 		by: 'di {0}',
 		in: 'in {0}',
+		download_hint: 'Scarica',
+		play_hint: 'Play',
+		toggle_download_tab_hint: 'Expand/Collapse',
+		clean_queue_hint: 'Clear Finished',
+		cancel_queue_hint: 'Cancel All',
 		listTabs: {
 			all: 'tutto',
 			top_result: 'miglior risultato',