FreePad/dist/templates/pages/page.html

55 lines
1.7 KiB
HTML
Raw Normal View History

2022-05-15 20:40:22 +03:00
{{ template "inc/header.html" .}}
2022-05-18 01:36:18 +03:00
<style>
.qrImage[src=""] {
display: none;
}
</style>
2022-05-15 20:40:22 +03:00
<body>
<div class="container is-fullhd p-4 mb-6" style="min-height: 35rem; height: calc(100vh - 18rem)">
<h1 class="title">FreePad</h1>
2022-05-18 01:36:18 +03:00
<img class="qrImage" src="" alt="" style="position: fixed;top: 1rem;left: 1rem;max-width: 13vw;">
2022-05-15 20:40:22 +03:00
<h2 class="subtitle">Reading from <code>{{.domain_base}}/{{.title}}</code></h2>
<hr>
<div class="content">
<div class="block">
<a href="/" class="button is-light">Back Home</a>
2022-05-18 01:36:18 +03:00
<a href="javascript:fetchMyQr()" class="button is-primary">QR</a>
<a href="javascript:updateSelf()" class="button is-success">Save</a>
2022-05-15 20:40:22 +03:00
<p class="mt-3">Status: <code class="has-text-primary" id="status-indicator">Loaded</code></p>
</div>
2022-05-15 20:59:46 +03:00
<textarea class="input" name="post_content" id="post_content" onchange="updateSelf()">{{.post_content}}</textarea>
2022-05-15 20:40:22 +03:00
</div>
</div>
2022-05-15 20:59:46 +03:00
<script>
2022-05-18 01:36:18 +03:00
async function fetchMyQr() {
let qrCode = await getQr(window.location.href)
.catch( err => {
console.error(err);
})
console.log(qrCode);
if ( !!qrCode.qr ) {
document.querySelectorAll(`.qrImage`).forEach( img => {
console.log(img);
console.log(qrCode.qr);
img.src = qrCode.qr;
})
}
}
2022-05-15 20:59:46 +03:00
function updateSelf() {
updatePost({{.title}})
}
</script>
2022-05-15 20:40:22 +03:00
{{ template "inc/footer.html" .}}
2022-05-18 01:36:18 +03:00
</body>
<script src="https://raw.githubusercontent.com/scotch-io/javascript-modal/master/Modal.js"></script>