Browse Source

added generating count display

master
Kevin Froman 2 years ago
parent
commit
fec805536a
  1. 5
      css/style.css
  2. 8
      index.html
  3. 6
      js/message-creator.js

5
css/style.css

@ -8,4 +8,9 @@
.messageFeed{
font-family: Georgia, 'Times New Roman', Times, serif;
}
footer{
padding-top: 1em;
padding-bottom: 0.5em;
}

8
index.html

@ -9,7 +9,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta name="referrer" content="no-referrer">
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>👁</text></svg>">
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🏴</text></svg>">
<link rel="stylesheet" href="css/bulma-dark.min.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/tordetect.js" async></script>
@ -71,13 +71,17 @@
</div>
<div class="control">
<a class="button is-primary" id="createMessageBtn">Create Post</a>
<span id="creatingMessage" class="is-hidden"><span id="creatingCount">0</span> post(s) generating</span>
</div>
</div>
</section>
<div class="container messageFeed">
</div>
<div class="container block">
<footer>Privacy policy: We log nothing, but Onionr node operators may log data. Nothing personalized is sent to Onionr nodes, but all posts should be considered public and immutable.</footer>
<footer>privacy policy: We log nothing, but Onionr node operators may log data. Nothing personalized is sent to Onionr nodes, but all posts should be considered public and immutable.
<br>
it is your responsibility to obey laws in your area.
</footer>
</div>
<template id="cMsgTemplate">
<div class="box cMsgBox">

6
js/message-creator.js

@ -18,6 +18,8 @@
document.getElementById("createMessageBtn").onclick = async function(){
document.getElementById("createMessageBtn").setAttribute("disabled", true)
document.getElementById("creatingMessage").classList.remove("is-hidden")
document.getElementById("creatingCount").innerText = parseInt(document.getElementById("creatingCount").innerText) + 1
let field = document.getElementById("postMessageField")
var postMessage = field.value
if (document.getElementById('use-markdown').checked){
@ -67,6 +69,10 @@ async function doUpload(data){
}
powWorker.addEventListener('message', function(e) {
document.getElementById("creatingCount").innerText = parseInt(document.getElementById("creatingCount").innerText) - 1
if (parseInt(document.getElementById("creatingCount").innerText) <= 0){
document.getElementById("creatingMessage").classList.add("is-hidden")
}
console.debug("Generated block: " + doHashHex(e.data))
doUpload(e.data)
}, false)

Loading…
Cancel
Save