From 39755cde62ee1ceaf0934be982b37df73e0b8f09 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stephan=20B=C3=B6sch-Plepelits?= <skunk@xover.mud.at>
Date: Sat, 12 Aug 2017 06:57:03 +0200
Subject: [PATCH] CategoryOverpass: load and render 'commonBody.html' template

---
 src/CategoryOverpass.js | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/CategoryOverpass.js b/src/CategoryOverpass.js
index 8cfeadd8..308219d6 100644
--- a/src/CategoryOverpass.js
+++ b/src/CategoryOverpass.js
@@ -110,7 +110,15 @@ function CategoryOverpass (id, data) {
 }
 
 CategoryOverpass.prototype.load = function (callback) {
-  callback(null)
+  OpenStreetBrowserLoader.getTemplate('commonBody', function (err, template) {
+    if (err) {
+      console.log("can't load commonBody.html")
+    } else {
+      this.commonBodyTemplate = template
+    }
+
+    callback(null)
+  }.bind(this))
 }
 
 CategoryOverpass.prototype.setMap = function (map) {
@@ -177,6 +185,15 @@ CategoryOverpass.prototype.notifyPopupOpen = function (object, popup) {
 }
 
 CategoryOverpass.prototype.updatePopupContent = function (object, popup) {
+  if (this.commonBodyTemplate) {
+    var commonBody = document.createElement('div')
+    commonBody.className = 'commonBody'
+    popup._contentNode.appendChild(commonBody)
+
+    var data = this.layer.twigData(object.object)
+    commonBody.innerHTML = this.commonBodyTemplate.render(data)
+  }
+
   var footer = document.createElement('div')
   footer.className = 'footer'
   var footerContent = '<a class="showDetails" href="#' + this.id + '/' + object.id + '/details">show details</a>'