RevelaNetwork/RevelaOS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #52 from Flow-Works/51-add-fullscreen-button-for-browser

Browse source 
[✨] Added fullscreen button to Browser
This commit is contained in:
ThinLiquid 2023-11-14 12:28:07 +00:00 • committed by GitHub
commit 1978c04dd8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/apps/browser.ts
View file

@ -33,7 +33,8 @@ export default class BrowserApp implements App {
<i class='forward bx bx-right-arrow-alt'></i> <i class='forward bx bx-right-arrow-alt'></i>
<i class='refresh bx bx-refresh'></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;"> <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>
<div id="content-container"></div> <div id="content-container"></div>
<style> <style>
@ -86,14 +87,14 @@ export default class BrowserApp implements App {
this.proxy = !this.proxy this.proxy = !this.proxy
if (!this.proxy) { if (!this.proxy) {
if (this === tabManager.activeTab) { if (this === tabManager.activeTab) {
win.content.querySelector('.toggle')?.classList.remove('bx-wifi') win.content.querySelector('.toggle')?.classList.remove('bx-toggle-right')
win.content.querySelector('.toggle')?.classList.add('bx-wifi-off') win.content.querySelector('.toggle')?.classList.add('bx-toggle-left')
} }
this.iframe.src = win.content.querySelector('input')?.value as string this.iframe.src = win.content.querySelector('input')?.value as string
} else { } else {
if (this === tabManager.activeTab) { if (this === tabManager.activeTab) {
win.content.querySelector('.toggle')?.classList.remove('bx-wifi-off') win.content.querySelector('.toggle')?.classList.remove('bx-toggle-left')
win.content.querySelector('.toggle')?.classList.add('bx-wifi') win.content.querySelector('.toggle')?.classList.add('bx-toggle-right')
} }
this.iframe.src = `/service/${xor.encode(win.content.querySelector('input')?.value as string)}` 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) { 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' } 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.remove('bx-toggle-right')
win.content.querySelector('.toggle')?.classList.add('bx-wifi-off') win.content.querySelector('.toggle')?.classList.add('bx-toggle-left')
} else { } 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' } 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.remove('bx-toggle-left')
win.content.querySelector('.toggle')?.classList.add('bx-wifi') win.content.querySelector('.toggle')?.classList.add('bx-toggle-right')
} }
tab.active = true tab.active = true
@ -236,6 +237,10 @@ export default class BrowserApp implements App {
tabManager.activeTab.toggle() tabManager.activeTab.toggle()
} }
(win.content.querySelector('.fullscreen') as HTMLElement).onclick = async () => {
await tabManager.activeTab.iframe.requestFullscreen()
}
tabManager.addTab(new Tab('https://google.com')) tabManager.addTab(new Tab('https://google.com'))
return win return win