onionr/static-data/www/board/board.js

227 lines
7.2 KiB
JavaScript
Raw Normal View History

/*
Onionr - Private P2P Communication
This file handles the boards/circles interface
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
2019-12-01 09:51:38 +00:00
requested = []
newPostForm = document.getElementById('addMsg')
firstLoad = true
2019-07-29 03:00:38 +00:00
lastLoadedBoard = 'global'
2019-09-06 05:18:25 +00:00
loadingMessage = document.getElementById('loadingBoard')
loadedAny = false
loadingTimeout = 8000
2019-09-06 05:18:25 +00:00
let toggleLoadingMessage = function(){
switch (loadingMessage.style.display){
case "inline-block":
loadingMessage.style.display = "none"
2019-11-27 03:46:45 +00:00
break;
2019-09-06 05:18:25 +00:00
default:
loadingMessage.style.display = "initial"
2019-11-27 03:46:45 +00:00
break;
2019-09-06 05:18:25 +00:00
}
}
2019-07-29 03:00:38 +00:00
2019-09-06 05:18:25 +00:00
fetch('/flow/version', {
method: 'GET',
headers: {
"token": webpass
2019-11-27 03:46:45 +00:00
}})
.then((ver) => ver.text())
.then(function(ver) {
document.getElementById('circlesVersion').innerText = ver
2019-09-06 05:18:25 +00:00
})
2019-11-27 03:46:45 +00:00
function appendMessages(msg, blockHash, beforeHash, channel) {
if (channel !== document.getElementById('feedIDInput').value) return // ignore if channel name isn't matching
if (msg.length == 0) return // ignore empty messages
var humanDate = new Date(0)
var msgDate = msg['meta']['time']
2019-09-06 05:18:25 +00:00
var feed = document.getElementById("feed")
var beforeEl = null
if (msgDate === undefined){
msgDate = 'unknown'
2019-11-27 03:46:45 +00:00
} else {
humanDate.setUTCSeconds(msgDate)
2019-12-06 20:25:02 +00:00
msgDate = humanDate.toLocaleString("en-US", {timeZone: "Etc/GMT"})
2019-02-02 03:49:11 +00:00
}
2019-11-27 03:46:45 +00:00
var el = document.createElement('div')
el.innerText = msg['content']
2019-11-27 03:46:45 +00:00
if (beforeHash !== null) {
for (i = 0; i < feed.children.length; i++) {
if (feed.children[i].getAttribute('data-bl') === beforeHash) {
beforeEl = feed.children[i]
2019-09-06 05:18:25 +00:00
}
}
}
/* Template Test */
// Test to see if the browser supports the HTML template element by checking
// for the presence of the template element's content attribute.
if ('content' in document.createElement('template')) {
// Instantiate the table with the existing HTML tbody
// and the row with the template
var template = document.getElementById('cMsgTemplate')
// Clone the new row and insert it into the table
2019-09-06 05:18:25 +00:00
var clone = document.importNode(template.content, true)
var div = clone.querySelectorAll("div")
2019-09-21 05:06:49 +00:00
var identicon = clone.querySelectorAll("img")
2019-09-06 05:18:25 +00:00
2019-12-04 07:02:28 +00:00
div[0].classList.add('entry')
div[0].setAttribute('timestamp', msg['meta']['time'])
2019-09-06 05:18:25 +00:00
div[0].setAttribute('data-bl', blockHash)
div[2].textContent = msg['content']
if (typeof msg['meta']['signer'] != 'undefined' && msg['meta']['signer'].length > 0){
div[3].textContent = msg['meta']['signer'].substr(0, 5)
setHumanReadableIDOnPost(div[3], msg['meta']['signer'])
div[3].title = msg['meta']['signer']
2019-09-27 23:04:49 +00:00
userIcon(msg['meta']['signer']).then(function(data){
identicon[0].src = "data:image/svg+xml;base64," + data
})
2019-09-21 05:06:49 +00:00
}
else{
identicon[0].remove()
}
div[4].textContent = msgDate
2019-09-06 05:18:25 +00:00
loadingMessage.style.display = "none"
loadedAny = true
if (firstLoad){
2019-09-06 05:18:25 +00:00
//feed.appendChild(clone)
feed.prepend(clone)
firstLoad = false
}
else{
2019-09-06 05:18:25 +00:00
if (beforeEl === null){
feed.prepend(clone)
}
else{
beforeEl.insertAdjacentElement("beforebegin", clone.children[0])
2019-09-06 05:18:25 +00:00
}
}
}
2019-02-02 03:49:11 +00:00
}
function getBlocks(){
2019-07-29 03:00:38 +00:00
var feed = document.getElementById("feed")
var ch = document.getElementById('feedIDInput').value
if (lastLoadedBoard !== ch){
2019-11-27 03:46:45 +00:00
requested = []
2019-09-06 05:18:25 +00:00
toggleLoadingMessage()
loadedAny = false
2019-11-27 03:46:45 +00:00
while (feed.firstChild) feed.removeChild(feed.firstChild); // remove all messages from feed
setTimeout(function(){
if (! loadedAny && ch == document.getElementById('feedIDInput').value){
2019-10-11 09:28:43 +00:00
PNotify.notice("There are no posts for " + ch + ". You can be the first!")
}
}, loadingTimeout)
2019-07-29 03:00:38 +00:00
}
lastLoadedBoard = ch
2019-02-02 03:49:11 +00:00
if (document.getElementById('none') !== null){
document.getElementById('none').remove();
}
2019-09-06 05:18:25 +00:00
var feedText = httpGet('/flow/getpostsbyboard/' + ch) // TODO switch to fetch
2019-09-06 05:18:25 +00:00
var blockList = feedText.split(',')
2019-09-04 06:20:11 +00:00
2019-02-02 03:49:11 +00:00
for (i = 0; i < blockList.length; i++){
2019-11-27 03:46:45 +00:00
blockList[i] = "0".repeat(64 - blockList[i].length) + blockList[i] // pad hash with zeroes
2019-02-02 03:49:11 +00:00
if (! requested.includes(blockList[i])){
2019-11-27 03:46:45 +00:00
if (blockList[i].length == 0) continue
else requested.push(blockList[i])
loadMessage(blockList[i], blockList, i, ch);
2019-09-06 05:18:25 +00:00
}
}
2019-12-04 07:02:28 +00:00
sortEntries()
2019-02-02 03:49:11 +00:00
}
function loadMessage(blockHash, blockList, count, channel){
2019-09-06 05:18:25 +00:00
fetch('/getblockdata/' + blockHash, {
method: 'GET',
headers: {
"token": webpass
2019-11-27 03:46:45 +00:00
}})
2019-09-06 05:18:25 +00:00
.then((resp) => resp.json())
.then(function(data) {
let before = blockList[count - 1]
let delay = 2000
if (typeof before == "undefined"){
before = null
2019-11-27 03:46:45 +00:00
} else {
2019-09-06 05:18:25 +00:00
let existing = document.getElementsByClassName('cMsgBox')
for (x = 0; x < existing.length; x++){
if (existing[x].getAttribute('data-bl') === before){
delay = 0
}
}
}
setTimeout(function(){appendMessages(data, blockHash, before, channel)}, delay)
2019-09-06 05:18:25 +00:00
//appendMessages(data, blockHash, before)
2019-11-27 03:46:45 +00:00
})
2019-09-06 05:18:25 +00:00
}
2019-11-27 03:46:45 +00:00
document.getElementById('refreshFeed').onclick = function() {
2019-02-02 03:49:11 +00:00
getBlocks()
}
newPostForm.onsubmit = function(){
var message = document.getElementById('newMsgText').value
2019-07-29 03:00:38 +00:00
var channel = document.getElementById('feedIDInput').value
var meta = {'ch': channel}
let doSign = document.getElementById('postAnon').checked
var postData = {'message': message, 'sign': doSign, 'type': 'brd', 'encrypt': false, 'meta': JSON.stringify(meta)}
postData = JSON.stringify(postData)
newPostForm.style.display = 'none'
fetch('/insertblock', {
method: 'POST',
body: postData,
headers: {
"content-type": "application/json",
"token": webpass
2019-11-27 03:46:45 +00:00
}
})
.then((resp) => resp.text()) // Transform the data into json
.then(function(data) {
newPostForm.style.display = 'block'
if (data == 'failure due to duplicate insert'){
PNotify.error({
text: "This message is already queued"
})
return
}
PNotify.success({
text: "Message queued for posting"
2019-11-27 03:46:45 +00:00
})
2019-09-06 05:18:25 +00:00
setTimeout(function(){getBlocks()}, 500)
2019-11-27 03:46:45 +00:00
})
return false
}