more work on mail

This commit is contained in:
Kevin Froman 2019-02-05 00:29:06 -06:00
parent 66900627b7
commit b58f8e416a
4 changed files with 48 additions and 8 deletions

View File

@ -24,7 +24,15 @@
<div id='threads' class='threads'> <div id='threads' class='threads'>
<div id='threadPlaceholder'>Nothing here yet 😞</div> <div id='threadPlaceholder'>Nothing here yet 😞</div>
</div> </div>
<div id='messageDisplay' class='overlay'><div id='threadDisplay'></div></div> <div id='messageDisplay' class='overlay'>
<span class='closeOverlay' overlay='messageDisplay'></span>
<div class='overlayContent'>
<div>From: <input type='text' id='fromUser' readonly>
</div>
<div id='threadDisplay'>
</div>
</div>
</div>
</div> </div>
<script src='/shared/base64.min.js'></script> <script src='/shared/base64.min.js'></script>
<script src='/shared/misc.js'></script> <script src='/shared/misc.js'></script>

View File

@ -40,4 +40,16 @@ input{
.activeTab{ .activeTab{
color: black; color: black;
background-color: gray; background-color: gray;
}
.overlayContent{
background-color: lightgray;
border: 3px solid black;
border-radius: 3px;
opacity: 1.0;
color: black;
font-family: Verdana, Geneva, Tahoma, sans-serif;
min-height: 100%;
padding: 1em;
margin: 1em;
} }

View File

@ -26,8 +26,9 @@ myPub = httpGet('/getActivePubkey')
function openThread(bHash, sender, date){ function openThread(bHash, sender, date){
var messageDisplay = document.getElementById('threadDisplay') var messageDisplay = document.getElementById('threadDisplay')
stuff = httpGet('/getblockbody/' + bHash) blockContent = httpGet('/getblockbody/' + bHash)
messageDisplay.innerText = stuff document.getElementById('fromUser').value = sender
messageDisplay.innerText = blockContent
overlay('messageDisplay') overlay('messageDisplay')
} }
@ -91,7 +92,6 @@ function loadInboxEntrys(bHash){
}.bind(bHash)) }.bind(bHash))
} }
function getInbox(){ function getInbox(){
var showed = false var showed = false
var requested = '' var requested = ''
@ -144,4 +144,11 @@ for (var i = 0; i < idStrings.length; i++){
for (var i = 0; i < document.getElementsByClassName('refresh').length; i++){ for (var i = 0; i < document.getElementsByClassName('refresh').length; i++){
document.getElementsByClassName('refresh')[i].style.float = 'right' document.getElementsByClassName('refresh')[i].style.float = 'right'
} }
for (var i = 0; i < document.getElementsByClassName('closeOverlay').length; i++){
document.getElementsByClassName('closeOverlay')[i].onclick = function(e){
document.getElementById(e.target.getAttribute('overlay')).style.visibility = 'hidden'
}
}

View File

@ -132,10 +132,23 @@ body{
left: 0px; left: 0px;
top: 0px; top: 0px;
width:100%; width:100%;
opacity: 0.9; opacity: 0.95;
height:100%; height:100%;
text-align:center; text-align:left;
z-index: 1000; z-index: 1000;
background-color: black; background-color: #2c2b3f;
color: white; color: white;
} }
.closeOverlay{
background-color: white;
color: black;
border: 1px solid red;
border-radius: 5px;
float: right;
font-family: sans-serif;
}
.closeOverlay:after{
content: '❌';
padding: 5px;
}