oier/patata-pack2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

web

Browse Source
This commit is contained in:
Oier Bravo
2024-04-01 06:50:40 +02:00
parent 27ad7154aa
commit 5f332aa49b
6 changed files with 40 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
web/index.html
View File

@@ -5,29 +5,45 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PatataPack</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css">
<script src="https://unpkg.com/@popperjs/core@2"></script>
<script src="https://unpkg.com/tippy.js@6"></script>
<link rel="stylesheet" type="text/css" href="https://unpkg.com/notie/dist/notie.min.css">
</head>
<body>
<h1>PatataPack</h1>
<img alt="Patata Pack" src="logo.png"/>
<section>
<h2>Server</h2>
<div>
<div style="display: flex">
<input height="32px" id="server-url" type="text" readonly value="patatapack.oier.ovh"/></strong>
<button onclick="copyContent()"><svg width="32px" height="32px" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<button id="btn-copy-server-url" tooltip="Copy to clipboard" ><svg width="32px" height="32px" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z" />
</svg>
</button>
<script>
let text = document.getElementById('server-url').value;
const copyButton = document.getElementById("btn-copy-server-url");
let serverUrl = document.getElementById('server-url').value;
copyButton.addEventListener("click", (e) => copyContent());
const copyContent = async () => {
try {
await navigator.clipboard.writeText(text);
await navigator.clipboard.writeText(serverUrl);
console.log('Content copied to clipboard');
alert(`${text} copied to clipboard!`);
notie.alert({ text: serverUrl + ' Copied!' })
tippy('#btn-copy-server-url', {
content: 'Copied! ✅',
});
} catch (err) {
tippy('#btn-copy-server-url', {
content: 'Failed! ⛔',
});
notie.alert({ text: 'Failed to copy ' + serverUrl })
console.error('Failed to copy: ', err);
}
}
tippy('#btn-copy-server-url', {
content: 'Copy!',
});
</script>
</div>
</section>
@@ -54,6 +70,7 @@
<li>Browse previosuly downloaded pack zip</li>
</ul>
</section>
<!-- Bottom of body -->
<script src="https://unpkg.com/notie"></script>
</body>
</html>