he4et/browser-milje-2077
1
0
Fork 0
mirror of https://github.com/He4eT/browser-milje-2077.git synced 2026-05-04 17:07:24 +00:00
Code Issues Projects Releases Packages Wiki Activity

milje.js: toggle milje

Browse source
This commit is contained in:
He4eT 2024-08-15 18:44:31 +02:00
commit 31fcd6ced2
5 changed files with 60 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

24
pages/popup/popup.html
View file

@ -3,9 +3,31 @@
<head>
<meta charset="UTF-8">
<title>Milje-2077</title>
<style>
html, body {
text-align: center;
font-family: sans;
}
main {
width: 200px;
}
button {
display: block;
box-sizing: border-box;
width: 100%;
margin: 8px 0;
}
</style>
</head>
<body>
test
<main>
<h1>Milje 2077</h1>
<button id="toggleMiljeButton">Toggle the Milje</button>
<button id="openSettingsButton">Open Settings</button>
</main>
<script type="module" src="./popup.js"></script>
</body>
</html>

14
pages/popup/popup.js
View file

@ -1,3 +1,13 @@
import { storage } from '../../scripts/storage.js'
import { browser } from '../../scripts/browser.js'
storage.local.set({'params': {scaleFactor: 128}})
document.getElementById('toggleMiljeButton').onclick = () => {
browser.tabs.query({active: true, currentWindow: true})
.then(([tab]) => browser.tabs.sendMessage(tab.id, {
command: 'toggleMilje',
}))
}
document.getElementById('openSettingsButton').onclick = () => {
browser.storage.local.set({'params': {scaleFactor: 16}})
console.log('openSettingsButton')
}