work on mail, storagecounter bugfix

onionr/static-data/bootstrap-nodes.txt

@@ -1 +1 @@
-dd3llxdp5q6ak3zmmicoy3jnodmroouv2xr7whkygiwp3rl7nf23gdad.onion
+i7dgbnouzyl7gv75b3eaqfz7x236abkn6nkjdpun273sydkbwcoidrid.onion

onionr/static-data/www/mail/index.html

@@ -16,7 +16,13 @@
         <span class='logoText'>Onionr Mail</span>
         <div class='content'>
             <button class='refresh'>Refresh</button>
-            <div id='threads' class='threads'></div>
+            <br><br>
+            <div class="btn-group">
+                <button>Inbox</button><button>Sentbox</button><button>Drafts</button>
+            </div>
+            <div id='threads' class='threads'>
+                <div id='threadPlaceholder'>Nothing here yet 😞</div>
+            </div>
         </div>
         <script src='/shared/misc.js'></script>
         <script src='/mail/mail.js'></script>

onionr/static-data/www/mail/mail.css

@@ -2,6 +2,32 @@
     padding-top: 1em;
 }
 .threads div span{
-    padding-left: 0.5em;
-    padding-right: 0.5em;
-}
+    padding-left: 0.1em;
+    padding-right: 0.1em;
+}
+
+#threadPlaceholder{
+    display: none;
+    margin-top: 1em;
+    font-size: 2em;
+}
+
+input{
+    background-color: white;
+    color: black;
+}
+
+.btn-group button {
+    border: 1px solid black;
+    padding: 10px 24px; /* Some padding */
+    cursor: pointer; /* Pointer/hand icon */
+    float: left; /* Float the buttons side by side */
+  }
+
+  .btn-group button:hover {
+    background-color: darkgray;
+  }
+
+  .btn-group {
+      margin-bottom: 2em;
+  }

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

@@ -1,7 +1,16 @@
 pms = ''
 threadPart = document.getElementById('threads')
+threadPlaceholder = document.getElementById('threadPlaceholder')
 function getInbox(){
+    var showed = false
     for(var i = 0; i < pms.length; i++) {
+        if (pms[i].trim().length == 0){
+            continue
+        }
+        else{
+            threadPlaceholder.style.display = 'none'
+            showed = true
+        }
         fetch('/getblockdata/' + pms[i], {
             headers: {
               "token": webpass
@@ -11,7 +20,7 @@ function getInbox(){
 
             var entry = document.createElement('div')
 
-            var bHashDisplay = document.createElement('a')
+            var bHashDisplay = document.createElement('span')
             var senderInput = document.createElement('input')
             var subjectLine = document.createElement('span')
             var dateStr = document.createElement('span')
@@ -30,13 +39,16 @@ function getInbox(){
             }
             //entry.innerHTML = 'sender ' + resp['meta']['signer'] + ' - ' + resp['meta']['time'] 
             threadPart.appendChild(entry)
-            entry.appendChild(bHashDisplay)
+            //entry.appendChild(bHashDisplay)
             entry.appendChild(senderInput)
             entry.appendChild(subjectLine)
             entry.appendChild(dateStr)
             
           }.bind([pms, i]))
     }
+    if (! showed){
+        threadPlaceholder.style.display = 'block'
+    }
 
 }