Progress on new playlist mode

2 years ago · e436907265
parent f971ff8dc5
commit e436907265
7 changed files with 33 additions and 22 deletions
--- a/assets/css/extra.css
+++ b/assets/css/extra.css
@ -281,3 +281,11 @@ select {
 #configOpts {
 	display: none;
 }
+
+body::-webkit-scrollbar {
+	width: 10px;
+}
+body::-webkit-scrollbar-thumb {
+	background:linear-gradient(rgb(110, 110, 110), rgb(77, 77, 77));
+	border-radius: 8px;
+}
--- a/assets/css/index.css
+++ b/assets/css/index.css
@ -1,8 +1,7 @@
@font-face {
-	font-family: 'JetBrains';
-	src: url('../fonts/JetBrainsMono-Regular.ttf') format('truetype');
-  }
-
+	font-family: "JetBrains";
+	src: url("../fonts/JetBrainsMono-Regular.ttf") format("truetype");
+}

 :root[theme="light"] {
 	--background: #fff;
@ -404,7 +403,7 @@ body {

 #videoFormatSelect {
 	font-family: JetBrains, monospace;
-	font-size:medium;
+	font-size: medium;
 }

 label {
@ -638,6 +637,14 @@ body::-webkit-scrollbar-thumb {
 	animation-fill-mode: forwards;
 }

+body::-webkit-scrollbar {
+	width: 10px;
+}
+body::-webkit-scrollbar-thumb {
+	background:linear-gradient(rgb(110, 110, 110), rgb(77, 77, 77));
+	border-radius: 8px;
+}
+
@keyframes scale {
 	0% {
 		scale: 1;
--- a/html/index.html
+++ b/html/index.html
@ -46,7 +46,7 @@
    <!-- Menu -->
    <div id="menu">
        <a id="playlistWin" class="menuItem">Download Playlist</a>
-        <!-- <a id="newPlaylistWin" class="menuItem">New Playlist</a> -->
+        <a id="newPlaylistWin" class="menuItem">New Playlist</a>
        <a id="preferenceWin" class="menuItem">Preferences</a>
        <a id="aboutWin" class="menuItem">About</a>
        <span id="themeTxt" class="menuItem">Theme:</span>
--- a/html/playlist_new.html
+++ b/html/playlist_new.html
@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" theme="dark">

 <head>
    <meta charset="UTF-8">
@ -25,10 +25,7 @@
 <body>
    <!-- Popup message -->
    <span id="popupText">Text copied</span>
-    <!-- Theme toggle -->
-    <div id="themeToggle" onclick="toggle()">
-        <div id="themeToggleInside"></div>
-    </div>
+
    <!-- Menu icon -->
    <img src="../assets/images/menu.png" alt="menu" id="menuIcon">

--- a/package.json
+++ b/package.json
@ -4,7 +4,7 @@
 		"yt-dlp-wrap-plus": "^2.3.16"
 	},
 	"name": "ytdownloader",
-	"version": "3.14.1",
+	"version": "3.15.0",
 	"main": "main.js",
 	"scripts": {
 		"start": "electron .",
@ -35,11 +35,11 @@
 	"description": "Download videos and audios from YouTube and many other sites",
 	"devDependencies": {
 		"electron": "^22.0.3",
-		"electron-builder": "^23.6.0"
+		"electron-builder": "^24.4.0"
 	},
 	"build": {
 		"productName": "YTDownloader",
-		"appId": "org.aandrew.ytdownloader",
+		"appId": "io.github.aandrew_me.ytdn",
 		"artifactName": "${productName}.${ext}",
 		"files": [
 			"./resources/**/*",
@ -106,11 +106,11 @@
 			"allowToChangeInstallationDirectory": true,
 			"oneClick": false
 		},
-		"msi":{
+		"msi": {
 			"oneClick": true,
 			"createDesktopShortcut": true,
 			"createStartMenuShortcut": true,
-			"shortcutName":"YTDownloader"
+			"shortcutName": "YTDownloader"
 		}
 	}
 }
--- a/src/common.js
+++ b/src/common.js
@ -6,7 +6,7 @@ function getId(id) {

 let menuIsOpen = false;

-getId("menuIcon").addEventListener("click", (event) => {
+getId("menuIcon").addEventListener("click", () => {
 	if (menuIsOpen) {
 		getId("menuIcon").style.transform = "rotate(0deg)";
 		menuIsOpen = false;
@ -32,7 +32,6 @@ getId("menuIcon").addEventListener("click", (event) => {
 		}, 150);
 	}
 });
-const root = document.querySelector(":root");


 getId("themeToggle").addEventListener("change", ()=>{
--- a/src/renderer.js
+++ b/src/renderer.js
@ -1164,10 +1164,10 @@ getId("playlistWin").addEventListener("click", () => {
 	closeMenu();
 	ipcRenderer.send("load-win", __dirname + "/playlist.html");
 });
-// getId("newPlaylistWin").addEventListener("click", () => {
-// 	closeMenu();
-// 	ipcRenderer.send("load-win", __dirname + "/playlist_new.html");
-// });
+getId("newPlaylistWin").addEventListener("click", () => {
+	closeMenu();
+	ipcRenderer.send("load-win", __dirname + "/playlist_new.html");
+});

 ipcRenderer.on("link", (event, text) => {
 	pasteFromTray(text);