1.4.3 Update

Added Spotify
jgavrilo · Nov 21, 2023 · 79ea17f · 79ea17f
1 parent 51aa276
commit 79ea17f
Show file tree

Hide file tree

Showing 7 changed files with 45 additions and 3 deletions.
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
@@ -30,7 +30,7 @@ jobs:
       with:
         tag_name: ${{ steps.manifest.outputs.version }}
         release_name: Release ${{ steps.manifest.outputs.version }}
-        body: Fixed bullet point wrapping glitch
+        body: Fixed more todo list glitches, added spotify player
       env:
         GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 

diff --git a/manifest.json b/manifest.json
@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "GetItTogether",
-  "version": "1.4.2.1",
+  "version": "1.4.3",
   "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAni8XFkkQ4I+t3clNWVnatNTUPEHK59rsOv461uN3TdXtz4NDw0/2aymf+/LEHyp2Yky2JlyCnxAkndmPbcuDrXHvl7+O8XYeTavVn5Xm96A544dUeSzrzUjgWHGcR9ZJ+g9ahmukamW12TdggrtGJixY6n4rGIx0WW0XPOLUed93kZyN6B1axWj20MJ9Cax71LdVScNISfZ6qIrJZTJSnpnMCKZoo9ZlDIuwaFJn7zhSIajYF0quSazI/Cug9pUfw42f1O+abv46m0Mtzltr5exC4et5jRVEanQRhjwiCMLYP9aKceWkqo+9131arAb44lYrIlZtusT7XQ12By0Z/wIDAQAB",
   "description": "A tool set for chrome",
   "permissions": [

diff --git a/src/css/spotify.css b/src/css/spotify.css
@@ -0,0 +1,17 @@
+html, body {
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+}
+
+.spotify-container {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}
+
+iframe {
+    border: none;
+}
diff --git a/src/html/popup.html b/src/html/popup.html
@@ -12,6 +12,7 @@
 <body>
     <button id="openTimer">Timer</button>
     <button id="openTodo">To-Do List</button>
+    <button id="openSpotify">Spotify</button>
     <button id="openSettings">Settings</button>
 </body>
 </html>
diff --git a/src/html/settings.html b/src/html/settings.html
@@ -53,6 +53,7 @@
             </div>
         </div>
 
+        <!-- Alarms Section -->
         <div id="Alarms" class="tabcontent">
             <form id="alarmForm">
                 <input type="radio" id="classic-alarm" name="alarm" value="classic-alarm.mp3">

diff --git a/src/html/spotify.html b/src/html/spotify.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" type="text/css" href="../css/theme.css">
+    <link rel="stylesheet" type="text/css" href="../css/spotify.css">
+    <script src="../js/theme.js" defer></script>
+    <title>Spotify Player</title>
+</head>
+<body>
+    <div class="spotify-container">
+        <iframe src="https://open.spotify.com/embed/playlist/37i9dQZF1DX8NTLI2TtZa6" width="300" height="400" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
+    </div>
+</body>
+</html>
+
diff --git a/src/js/popup.js b/src/js/popup.js
@@ -70,9 +70,15 @@ const settingsButtonId = 'openSettings';
 const settingsFile = 'src/html/settings.html';
 const settingsWindowDimensions = { width: 400, height: 300 };
 
+const spotifyWindowName = 'SpotifyPlayer';
+const spotifyButtonId = 'openSpotify';
+const spotifyFile = 'src/html/spotify.html';
+const spotifyWindowDimensions = { width: 320, height: 450 };
+
 // SECTION - Event Listener Attachments
 
 // Attach event listeners to handle window opening for each type
 handleWindowOpen(timerWindowName, timerButtonId, timerFile, timerWindowDimensions);
 handleWindowOpen(todoWindowName, todoButtonId, todoFile, todoWindowDimensions);
-handleWindowOpen(settingsWindowName, settingsButtonId, settingsFile, settingsWindowDimensions);
+handleWindowOpen(settingsWindowName, settingsButtonId, settingsFile, settingsWindowDimensions);
+handleWindowOpen(spotifyWindowName, spotifyButtonId, spotifyFile, spotifyWindowDimensions);