price and location mostly work, working on adding photos

1 files changed, 121 insertions, 1 deletions

diff --git a/render.js b/render.js
index d0233f5..3b5d048 100644
--- a/render.js
+++ b/render.js
@@ -1,3 +1,98 @@
+function addButton (post, message, keys) {
+  function readFile () {
+    if (this.files && this.files[0]) {
+  
+      var fr = new FileReader()
+  
+      fr.addEventListener("load", function(e) {
+        var image = e.target.result
+        document.getElementById("img").src = image
+      });
+  
+      fr.readAsDataURL( this.files[0] )
+    }
+  }
+
+  readFile()
+
+  var imageInput = h('span', [
+    h('input', {id: 'inp', type:'file'}),
+    h('img', {id: 'img'})
+  ])
+
+
+  var locInput = h('input', {placeholder: 'New location'})
+  var locDiv = h('div', [
+    locInput,
+    h('button', {
+      onclick: function () {
+        var obj = {
+          type: 'location',
+          located: post.key,
+          loc: locInput.value 
+        }
+        publish(obj, keys).then(published => {
+          open(published).then(opened => {
+	    message.parentNode.appendChild(h('div', {classList: 'submessage'}, [render(opened, keys)]))
+            locDiv.parentNode.removeChild(locDiv)
+          })
+        })
+      }
+    }, ['Publish'])
+  ]) 
+
+  var valueInput = h('input', {placeholder: '0.00'})
+  var currencyInput = h('input', {placeholder: 'Currency'})
+  var valueDiv = h('div', [
+    valueInput,
+    currencyInput,
+    h('button', {
+      onclick: function () {
+        var obj = {
+          type: 'value',
+          value: valueInput.value,
+          valuated: post.key,
+          currency: currencyInput.value
+        }
+        publish(obj, keys).then(published => {
+          open(published).then(opened => {
+            message.parentNode.appendChild(h('div', {classList: 'submessage'}, [render(opened, keys)]))
+            valueDiv.parentNode.removeChild(valueDiv)
+          })
+        })
+      }
+    }, ['Publish'])
+  ])
+
+  var button = h('button', {classList: 'right',
+    onclick: function () {
+      message.appendChild(h('button', {classList: 'right', 
+        onclick: function () {
+          message.appendChild(locDiv)
+        }
+      }, ['Location']))
+           
+      message.appendChild(h('button', {classList: 'right',
+        onclick: function () { 
+          message.appendChild(imageInput)
+          document.getElementById("inp").addEventListener("change", readFile);
+        }
+      }, ['Image']))     
+
+      message.appendChild(h('button', {classList: 'right',
+        onclick: function () {
+          message.appendChild(valueDiv)
+        }
+      }, ['Value']))     
+    }
+
+  }, ['Add'])
+
+  
+
+  return button
+}
+
 function getHeader (post, keys, mini) {
 
   var getRaw = h('button', {
@@ -39,6 +134,24 @@ function render (msg, keys, preview) {
   bog().then(log => {
     if (log) {
       log.reverse().forEach(function (nextPost) {
+        if (nextPost.located == msg.key) {
+          var locatedExists = document.getElementById('located:' + msg.key)
+          var located = h('div', {id: 'located:' + msg.key}, [h('strong', ['Location: ']), nextPost.loc])
+          if (locatedExists) {
+            locatedExists.parentNode.removeChild(locatedExists)  
+          }
+          message.appendChild(located)
+        }
+
+        if (nextPost.valuated == msg.key) {
+          var valuatedExists = document.getElementById('valuated:' + msg.key)
+          var valuated = h('div', {id: 'valuated:' + msg.key}, [h('strong', ['Price: ' ]), nextPost.value + ' ' + nextPost.currency])
+          if (valuatedExists) {
+            valuatedExists.parentNode.removeChild(valuatedExists)
+          }
+          message.appendChild(valuated)
+        }
+
         if (nextPost.edited == msg.key) {
           var messageExists = (document.getElementById(nextPost.key) !== null)
           var msgcontents = document.getElementById('content:' + msg.key)
@@ -143,11 +256,18 @@ function render (msg, keys, preview) {
           }
         }, ['Edit']))
       }
+      message.appendChild(addButton(msg, message, keys))
     }
   } else if (msg.type == 'name') {
     message.appendChild(getHeader(msg, keys))
     message.appendChild(h('span', ['identified ', h('a', {href: '#' + msg.named }, [msg.named.substring(0, 10) + '...']), ' as ' + msg.name]))
-  } 
+  } else if (msg.type == 'location') {
+    message.appendChild(getHeader(msg, keys))
+    message.appendChild(h('span', [h('a', {href: '#' + msg.located }, [msg.located.substring(0, 10) + '...']), ' is located: ' + msg.loc]))
+  } else if (msg.type == 'value') {
+    message.appendChild(getHeader(msg, keys))
+    message.appendChild(h('span', [h('a', {href: '#' + msg.valuated}, [msg.valuated.substring(0, 10) + '...']), ' is worth: ' + msg.value + ' ' + msg.currency]))
+  }
 
   messageDiv.appendChild(message)
   return messageDiv