From 7d423d00d029d895cf4b74cd321e6c9410fb48ba Mon Sep 17 00:00:00 2001
From: ThinLiquid <thnlqd@gmail.com>
Date: Tue, 14 Nov 2023 12:26:02 +0000
Subject: [PATCH] =?UTF-8?q?[=E2=9C=A8]=20Added=20fullscreen=20button=20to?=
 =?UTF-8?q?=20Browser?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apps/browser.ts | 23 ++++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/apps/browser.ts b/src/apps/browser.ts
index 971e78a..fdf76c0 100644
--- a/src/apps/browser.ts
+++ b/src/apps/browser.ts
@@ -33,7 +33,8 @@ export default class BrowserApp implements App {
         <i class='forward bx bx-right-arrow-alt'></i>
         <i class='refresh bx bx-refresh'></i>
         <input class="inp" style="border-radius: 15px;flex: 1;background: var(--base);border:none;padding: 0px 16px;height: 30px;">
-        <i class='toggle bx bx-wifi'></i>
+        <i class='toggle bx bx-toggle-right'></i>
+        <i class='fullscreen bx bx-fullscreen'></i>
       </div>
       <div id="content-container"></div>
       <style>
@@ -86,14 +87,14 @@ export default class BrowserApp implements App {
         this.proxy = !this.proxy
         if (!this.proxy) {
           if (this === tabManager.activeTab) {
-            win.content.querySelector('.toggle')?.classList.remove('bx-wifi')
-            win.content.querySelector('.toggle')?.classList.add('bx-wifi-off')
+            win.content.querySelector('.toggle')?.classList.remove('bx-toggle-right')
+            win.content.querySelector('.toggle')?.classList.add('bx-toggle-left')
           }
           this.iframe.src = win.content.querySelector('input')?.value as string
         } else {
           if (this === tabManager.activeTab) {
-            win.content.querySelector('.toggle')?.classList.remove('bx-wifi-off')
-            win.content.querySelector('.toggle')?.classList.add('bx-wifi')
+            win.content.querySelector('.toggle')?.classList.remove('bx-toggle-left')
+            win.content.querySelector('.toggle')?.classList.add('bx-toggle-right')
           }
           this.iframe.src = `/service/${xor.encode(win.content.querySelector('input')?.value as string)}`
         }
@@ -145,12 +146,12 @@ export default class BrowserApp implements App {
 
         if (!tab.proxy) {
           try { (win.content.querySelector('.inp') as HTMLInputElement).value = (tab.iframe.contentWindow as Window).location.href } catch (e) { (win.content.querySelector('.inp') as HTMLInputElement).value = 'about:blank' }
-          win.content.querySelector('.toggle')?.classList.remove('bx-wifi')
-          win.content.querySelector('.toggle')?.classList.add('bx-wifi-off')
+          win.content.querySelector('.toggle')?.classList.remove('bx-toggle-right')
+          win.content.querySelector('.toggle')?.classList.add('bx-toggle-left')
         } else {
           try { (win.content.querySelector('.inp') as HTMLInputElement).value = xor.decode((tab.iframe.contentWindow as Window).location.href.split('/service/')[1]) } catch (e) { (win.content.querySelector('.inp') as HTMLInputElement).value = 'about:blank' }
-          win.content.querySelector('.toggle')?.classList.remove('bx-wifi-off')
-          win.content.querySelector('.toggle')?.classList.add('bx-wifi')
+          win.content.querySelector('.toggle')?.classList.remove('bx-toggle-left')
+          win.content.querySelector('.toggle')?.classList.add('bx-toggle-right')
         }
 
         tab.active = true
@@ -236,6 +237,10 @@ export default class BrowserApp implements App {
       tabManager.activeTab.toggle()
     }
 
+    (win.content.querySelector('.fullscreen') as HTMLElement).onclick = async () => {
+      await tabManager.activeTab.iframe.requestFullscreen()
+    }
+
     tabManager.addTab(new Tab('https://google.com'))
 
     return win