raul
/
uploader
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Improvements #2

Merged
raul merged 10 commits from testing into main 2024-05-30 08:09:07 +02:00
Conversation 0 Commits 10 Files Changed 12 +24 -24
2 changed files with 24 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 6401a0c571 - Show all commits

47
cmd/assets/index.html
View File

@ -1,38 +1,37 @@
<html>
<head>
<link rel="stylesheet" type="" href="./style.css">
<script src="https://unpkg.com/htmx.org@1.9.4/dist/htmx.min.js"></script>
</head>
<body>
<div class="container">
<!DOCTYPE html>
<html lang="en">
<head>
<title>File Uploader</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://unpkg.com/htmx.org@1.9.4/dist/htmx.min.js"></script>
<link href="./style.css" rel="stylesheet">
</head>
<!-- Licensed under the GPL v3.0 -->
<body>
<div class="container">
<div id="main">
<h1>Raul's file uploader</h1>
<h3>Find the source <a href="https://git.bulgariu.xyz/raul/uploader" target="_blank">here!</a></h3>
<h1>Raul's file uploader</h1>
<h3>Find the source <a href="https://git.bulgariu.xyz/raul/uploader" target="_blank">here!</a></h3>
<form id='form' hx-encoding='multipart/form-data' hx-post='/api/upload'>
<input type="file" name="file" value="">
<input type="file" name="file" value="" required>
<br>
<br>
<button id="but">
Upload
</button>
<progress id="progress" value="0" max="100">Upload progress:</progress>
<progress id="progress" value="0" max="100">Upload progress:</progress>
</form>
<script>
htmx.on('#form', 'htmx:xhr:progress', function(evt) {
htmx.find('#progress').setAttribute('value', evt.detail.loaded/evt.detail.total * 100)
htmx.on('#form', 'htmx:xhr:progress', function (evt) {
htmx.find('#progress').setAttribute('value', evt.detail.loaded / evt.detail.total * 100)
});
</script>
<p class="centered">
<!-- <img src="https://bulgariu.xyz/avatar.gif" alt="" width=200px height=200px > -->
</p>
<!-- <footer> -->
<!-- Licensed under the GPL v3.0 -->
<!-- </footer> -->
</div>
</div>
</body>
</div>
</body>
</html>

1
cmd/assets/style.css
View File

@ -21,6 +21,7 @@ img {
button {
background-color: #eee;
border: 2px black solid;
margin-bottom: 10px;
}
#but:hover {