use span instead of input in mail ui

This commit is contained in:
Kevin Froman 2019-10-14 06:02:51 -05:00
parent 63fced9cff
commit 2d5fc6cf54
4 changed files with 29 additions and 11 deletions

View File

@ -12,3 +12,4 @@
* add node online check for web ui * add node online check for web ui
* add edits to circles posts * add edits to circles posts
* use truncated words in mail instead of inputs * use truncated words in mail instead of inputs
* make node "speed" setting such as when ui is open to reduce bandwidth usage

View File

@ -0,0 +1,16 @@
To use OnionrMail, open the web interface:
`$ onionr.sh openweb`
Navigate to the mail interface from the navbar.
## Receiving mail
Copy your ID from the textbox below the navbar. Publish the ID so that someone (or general people) know your ID to send messages to it. Note that associating the ID with your real ID publicly removes anonymity.
## Sending mail
1. optionally add the recipient as a friend via the friends page.
2. click compose in the mail menu
3. either select the recipient from the friend list or paste their ID in manually into the recipient box
4. send away!

View File

@ -179,8 +179,8 @@ function loadInboxEntries(bHash){
//console.log(resp) //console.log(resp)
var entry = document.createElement('div') var entry = document.createElement('div')
var bHashDisplay = document.createElement('span') var bHashDisplay = document.createElement('span')
var senderInput = document.createElement('input') //var senderInput = document.createElement('input')
//var senderInput = document.createElement('div') var senderInput = document.createElement('span')
var subjectLine = document.createElement('span') var subjectLine = document.createElement('span')
var dateStr = document.createElement('span') var dateStr = document.createElement('span')
var validSig = document.createElement('span') var validSig = document.createElement('span')
@ -204,7 +204,7 @@ function loadInboxEntries(bHash){
else{ else{
resp2.text().then(function(resp2){ resp2.text().then(function(resp2){
loadHumanReadableToCache(resp['meta']['signer']) loadHumanReadableToCache(resp['meta']['signer'])
senderInput.value = resp2 senderInput.innerText = resp2
entry.setAttribute('data-nameSet', true) entry.setAttribute('data-nameSet', true)
}) })
} }
@ -212,7 +212,7 @@ function loadInboxEntries(bHash){
} }
else{ else{
senderInput.value = 'Anonymous' senderInput.innerText = 'Anonymous'
entry.setAttribute('data-nameSet', false) entry.setAttribute('data-nameSet', false)
} }
if (! resp['meta']['validSig']){ if (! resp['meta']['validSig']){
@ -246,7 +246,7 @@ function loadInboxEntries(bHash){
if (event.target.classList.contains('deleteBtn')){ if (event.target.classList.contains('deleteBtn')){
return return
} }
openThread(entry.getAttribute('data-hash'), senderInput.value, dateStr.innerText, resp['meta']['validSig'], entry.getAttribute('data-pubkey'), subjectLine.innerText) openThread(entry.getAttribute('data-hash'), senderInput.innerText, dateStr.innerText, resp['meta']['validSig'], entry.getAttribute('data-pubkey'), subjectLine.innerText)
} }
deleteBtn.onclick = function(){ deleteBtn.onclick = function(){
@ -305,7 +305,8 @@ function getSentbox(){
var entry = document.createElement('div') var entry = document.createElement('div')
var toLabel = document.createElement('span') var toLabel = document.createElement('span')
toLabel.innerText = 'To: ' toLabel.innerText = 'To: '
var toEl = document.createElement('input') var toEl = document.createElement('span')
toEl.classList.add('toElement')
var sentDate = document.createElement('span') var sentDate = document.createElement('span')
var humanDate = new Date(0) var humanDate = new Date(0)
humanDate.setUTCSeconds(resp[i]['date']) humanDate.setUTCSeconds(resp[i]['date'])
@ -314,14 +315,14 @@ function getSentbox(){
var deleteBtn = document.createElement('button') var deleteBtn = document.createElement('button')
var message = resp[i]['message'] var message = resp[i]['message']
deleteBtn.classList.add('deleteBtn', 'delete') deleteBtn.classList.add('deleteBtn', 'delete')
toEl.readOnly = true
sentDate.innerText = humanDate.substring(0, humanDate.indexOf('(')) sentDate.innerText = humanDate.substring(0, humanDate.indexOf('('))
if (resp[i]['name'] == null || resp[i]['name'].toLowerCase() == 'anonymous'){ if (resp[i]['name'] == null || resp[i]['name'].toLowerCase() == 'anonymous'){
toEl.value = resp[i]['peer'] toEl.innerText = resp[i]['peer']
setHumanReadableValue(toEl, resp[i]['peer']) setHumanReadableValue(toEl, resp[i]['peer'])
} }
else{ else{
toEl.value = resp[i]['name'] toEl.innerText = resp[i]['name']
} }
preview.innerText = '(' + resp[i]['subject'] + ')' preview.innerText = '(' + resp[i]['subject'] + ')'
entry.classList.add('sentboxList') entry.classList.add('sentboxList')
@ -340,7 +341,7 @@ function getSentbox(){
e.target.parentNode.parentNode.removeChild(e.target.parentNode) e.target.parentNode.parentNode.removeChild(e.target.parentNode)
return return
} }
showSentboxWindow(toEl.value, message) showSentboxWindow(toEl.innerText, message)
} }
})(i, resp) })(i, resp)
threadPart.appendChild(entry) threadPart.appendChild(entry)

View File

@ -29,7 +29,7 @@ function loadHumanReadableToCache(key){
function setHumanReadableValue(el, key){ function setHumanReadableValue(el, key){
if (typeof humanReadableCache[key] != 'undefined'){ if (typeof humanReadableCache[key] != 'undefined'){
el.value = humanReadableCache[key] el.innerText = humanReadableCache[key].split('-').slice(0,3).join('-')
return return
} }
else{ else{