Fixed windowing issues and added some features

- Fixed minimization - Added import/export of settings - Making a better focusing and window switching system
DuckyGit · Apr 23, 2023 · 038e6c8 · 038e6c8
1 parent 5467f22
commit 038e6c8
Show file tree

Hide file tree

Showing 24 changed files with 2,325 additions and 452 deletions.
diff --git a/static/TBSIF.example.tbs b/static/TBSIF.example.tbs
@@ -0,0 +1,16 @@
+// the following is a great example to what TBS file should looks like
+// this is a standard TBSIF (Terbium Settings Import Format) script
+[wallpaper]"https://i.imgur.com/kcDBAGY.png"
+[wallpaperFill]"cover"
+[theme]"almond"
+[customWinRadius]"8"
+[roundWin]"yes"
+[roundBtns]"yes"
+[customShadow]"rgb(232, 157, 70)"
+[shutdown]"https://google.com"
+[safeSearch]"2"
+[dockFull]"yes"
+[shadow]"yes"
+[windowsFullscreenOnOpen]"no"
+[playerAppAutoplay]"no"
+[photoCoverPhotoApp]"no"
diff --git a/static/image/image.js b/static/image/image.js
@@ -7,7 +7,7 @@ window.addEventListener('message', (e) => {
     const data = JSON.parse(e.data);
     winId = data.id;
     imageWindow = window.parent.document.querySelector(`#${winId}`);
-    if(localStorage.getItem('photoCoverApp') === "false") {
+    if(localStorage.getItem('photoCoverApp') === "no") {
         const openImage = imageWindow.querySelector('.openImage');
         const imageMagnify = parent.document.querySelector('.zoomIn');
         const imageMini = parent.document.querySelector('.zoomOut');
@@ -41,7 +41,7 @@ window.addEventListener('message', (e) => {
                 };
             };
         }
-    } else if(localStorage.getItem('photoCoverApp') === "true"){
+    } else if(localStorage.getItem('photoCoverApp') === "yes"){
         const openImage = imageWindow.querySelector(`.openImage`);
         openImage.onclick = function () {
             const file = document.createElement('input');
@@ -79,7 +79,7 @@ window.addEventListener('message', (e) => {
     const spreadImageHelp = document.getElementById("iowHelp");
     settingsI.onclick = function () {
         if (!settings.classList.contains('show')) {
-            if(imageWindow.querySelector("iframe").style.visibility === 'hidden' && localStorage.getItem('photoCoverApp') === "true") {
+            if(imageWindow.querySelector("iframe").style.visibility === 'hidden' && localStorage.getItem('photoCoverApp') === "yes") {
                 imageWindow.querySelector("iframe").style.visibility = "visible";
                 const computedStyle = window.getComputedStyle(document.querySelector('.settingsWindow'));
                 const backgroundColor = computedStyle.getPropertyValue('background-color');
@@ -91,7 +91,7 @@ window.addEventListener('message', (e) => {
                 settings.classList.toggle('show');
             }, 50)
         } else if(settings.classList.contains('show')) {
-            if(imageWindow.querySelector("iframe").style.visibility === 'visible' && localStorage.getItem('photoCoverApp') === "true") {
+            if(imageWindow.querySelector("iframe").style.visibility === 'visible' && localStorage.getItem('photoCoverApp') === "yes") {
                 imageWindow.querySelector("iframe").style.visibility = "hidden";
                 imageWindow.querySelector("#drag").style.backgroundColor = 'transparent';
             }
@@ -158,7 +158,7 @@ window.addEventListener('message', (e) => {
             }
             imageWindow.querySelector(".settingsI").onclick = function () {
                 if (!settings.classList.contains('show')) {
-                    if(imageWindow.querySelector("iframe").style.visibility === 'hidden' && localStorage.getItem('photoCoverApp') === "true") {
+                    if(imageWindow.querySelector("iframe").style.visibility === 'hidden' && localStorage.getItem('photoCoverApp') === "yes") {
                         imageWindow.querySelector("iframe").style.visibility = "visible";
                         const computedStyle = window.getComputedStyle(document.querySelector('.settingsWindow'));
                         const backgroundColor = computedStyle.getPropertyValue('background-color');
@@ -170,7 +170,7 @@ window.addEventListener('message', (e) => {
                         settings.classList.toggle('show');
                     }, 50)
                 } else if(settings.classList.contains('show')) {
-                    if(imageWindow.querySelector("iframe").style.visibility === 'visible' && localStorage.getItem('photoCoverApp') === "true") {
+                    if(imageWindow.querySelector("iframe").style.visibility === 'visible' && localStorage.getItem('photoCoverApp') === "yes") {
                         imageWindow.querySelector("iframe").style.visibility = "hidden";
                         imageWindow.querySelector("#drag").style.backgroundColor = 'transparent';
                     }
@@ -181,7 +181,7 @@ window.addEventListener('message', (e) => {
                     }, 50)
                 }
             }
-            localStorage.setItem("photoCoverApp", "true");
+            localStorage.setItem("photoCoverApp", "yes");
         } else if(spreadImage.checked == false) {
             let src = imageWindow.style.background;
             image.style.visibility = 'visible';
@@ -206,7 +206,7 @@ window.addEventListener('message', (e) => {
             for (let i = 0; i < wincs.length; i++) {
                 wincs[i].style.boxShadow = "";
             }
-            localStorage.setItem("photoCoverApp", "false");
+            localStorage.setItem("photoCoverApp", "no");
             const openImage = imageWindow.querySelector('.openImage');
             const imageMagnify = parent.document.querySelector('.zoomIn');
             const imageMini = parent.document.querySelector('.zoomOut');
@@ -275,7 +275,7 @@ window.addEventListener('message', (e) => {
         if(e.altKey && e.key === "s") {
             e.preventDefault();
             if (!settings.classList.contains('show')) {
-                if(imageWindow.querySelector("iframe").style.visibility === 'hidden' && localStorage.getItem('photoCoverApp') === "true") {
+                if(imageWindow.querySelector("iframe").style.visibility === 'hidden' && localStorage.getItem('photoCoverApp') === "yes") {
                     imageWindow.querySelector("iframe").style.visibility = "visible";
                     const computedStyle = window.getComputedStyle(document.querySelector('.settingsWindow'));
                     const backgroundColor = computedStyle.getPropertyValue('background-color');
@@ -287,7 +287,7 @@ window.addEventListener('message', (e) => {
                     settings.classList.toggle('show');
                 }, 50)
             } else if(settings.classList.contains('show')) {
-                if(imageWindow.querySelector("iframe").style.visibility === 'visible' && localStorage.getItem('photoCoverApp') === "true") {
+                if(imageWindow.querySelector("iframe").style.visibility === 'visible' && localStorage.getItem('photoCoverApp') === "yes") {
                     imageWindow.querySelector("iframe").style.visibility = "hidden";
                     imageWindow.querySelector("#drag").style.backgroundColor = 'transparent';
                 }