magnus/chrome-dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Start browser, store latest field data

Browse source
This commit is contained in:
Magnus Åhall 2025-11-10 08:52:12 +01:00
parent b7cd308016
commit 1203ee589c
3 changed files with 75 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

9
static/css/main.css
View file

@ -7,15 +7,20 @@ input {
font-size: 1em;
}
.browser {
input {
width: 350px;
}
}
.new {
width: 400px;
width: 350px;
}
.sites {
display: grid;
grid-template-columns: repeat(3, min-content);
grid-gap: 8px 16px;
margin-top: 32px;
div {
white-space: nowrap;

43
static/html/index.html
View file

@ -7,9 +7,23 @@
<link rel="stylesheet" type="text/css" href="/css/main.css">
</head>
<script>
function startBrowser() {
const userDataDir = document.querySelector('.user-data-dir').value
localStorage.setItem('userdatadir', userDataDir)
fetch('/browser/start', {
method: 'POST',
body: userDataDir,
})
}
function newSite() {
const url = document.querySelector('.new.url').value
const watch = document.querySelector('.new.watch').value
localStorage.setItem('url', url)
localStorage.setItem('watch', watch)
fetch('/start', {
method: 'POST',
body: JSON.stringify({url, watch}),
@ -37,19 +51,35 @@
})
}
setInterval(siteStatus, 2000)
function init() {
const userdatadir = localStorage.getItem('userdatadir') || ''
const url = localStorage.getItem('url') || ''
const watch = localStorage.getItem('watch') || ''
document.querySelector('.user-data-dir').value = userdatadir
document.querySelector('.new.url').value = url
document.querySelector('.new.watch').value = watch
setInterval(siteStatus, 2000)
}
</script>
<body>
<input type="text" class="new url" placeholder="https://example.com" value="https://scan.euterm.n44.se">
<input type="text" class="new watch" placeholder="~/example.com/css/"
value="/home/magnus/repo/euterm/euscan/static/css">
<button onclick="newSite()">Start</button>
<div class="browser">
<h1>Browser</h1>
<input type="text" class="user-data-dir" placeholder="~/.local/share/chrome-dev">
<button onclick="startBrowser()">Start</button>
</div>
<h1>CSS reloading</h1>
<div class="sites">
<div class="header">UUID</div>
<div class="header">URL</div>
<div class="header">Watch</div>
<div class="header"></div>
<div class="line"></div>
<input type="text" class="new url" placeholder="https://example.com">
<input type="text" class="new watch" placeholder="~/example.com/css/">
<button onclick="newSite()">Start</button>
{{ range . }}
<div class="line"></div>
@ -58,6 +88,7 @@
<div class="stop" onclick="stopSite('{{ .UUID }}')">❌</div>
{{ end }}
</div>
<script>init()</script>
</body>
</html>