Added "open downloads folder" button on GUI

public/index.html

@@ -1192,6 +1192,7 @@ <h2 class="inline-flex"><span v-if="metadata">{{ metadata }}</span><span class="
 				<div id="download_tab_drag_handler"></div>
 				<i id="toggle_download_tab" class="material-icons download_bar_icon"></i>
 				<div id="queue_buttons">
+					<i id="open_downloads_folder" class="material-icons download_bar_icon hide">folder_open</i>
 					<i id="clean_queue" class="material-icons download_bar_icon">clear_all</i>
 					<i id="cancel_queue" class="material-icons download_bar_icon">delete_sweep</i>
 				</div>

public/js/bundle.js

@@ -11294,6 +11294,10 @@ function linkListeners() {
 		socket.emit('cancelAllDownloads');
 	});
 
+	document.getElementById('open_downloads_folder').addEventListener('click', ()=>{
+		if (window.clientMode) socket.emit('openDownloadsFolder');
+	});
+
 	dragHandlerEl.addEventListener('mousedown', event => {
 		event.preventDefault();
 
@@ -42098,8 +42102,13 @@ function startApp() {
 	Search.linkListeners();
 	TrackPreview.init();
 }
+function initClient(){
+	window.clientMode = true;
+	document.querySelector(`#open_downloads_folder`).classList.remove('hide');
+}
 
 document.addEventListener('DOMContentLoaded', startApp);
+window.addEventListener('pywebviewready', initClient);
 
 /* ===== General functions ===== */
 

src/js/app.js

@@ -19,8 +19,13 @@ function startApp() {
 	Search.linkListeners()
 	TrackPreview.init()
 }
+function initClient(){
+	window.clientMode = true
+	document.querySelector(`#open_downloads_folder`).classList.remove('hide')
+}
 
 document.addEventListener('DOMContentLoaded', startApp)
+window.addEventListener('pywebviewready', initClient)
 
 /* ===== General functions ===== */
 

src/js/modules/downloads.js

@@ -48,6 +48,10 @@ function linkListeners() {
 		socket.emit('cancelAllDownloads')
 	})
 
+	document.getElementById('open_downloads_folder').addEventListener('click', ()=>{
+		if (window.clientMode) socket.emit('openDownloadsFolder')
+	})
+
 	dragHandlerEl.addEventListener('mousedown', event => {
 		event.preventDefault()