From c1786b4e822b79d11c8d988d6fbc48388c454918 Mon Sep 17 00:00:00 2001
From: BlubbFish <git@blubbfish.net>
Date: Wed, 10 Apr 2019 20:15:32 +0200
Subject: [PATCH] continue iconeditor

---
 Lora-Map/resources/admin/css/global.css | 25 +++++++++++++++++++++++++
 Lora-Map/resources/admin/js/menu.js     | 17 +++++++++++++++--
 2 files changed, 40 insertions(+), 2 deletions(-)

diff --git a/Lora-Map/resources/admin/css/global.css b/Lora-Map/resources/admin/css/global.css
index 811945a..233d713 100644
--- a/Lora-Map/resources/admin/css/global.css
+++ b/Lora-Map/resources/admin/css/global.css
@@ -73,4 +73,29 @@
 }
 #content #nameeditor #nametable tbody input.name {
   width: 55px;
+}
+
+#iconeditor {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0,0,0,0.8);
+}
+#iconeditor .innerbox {
+  margin: 100px;
+  background-color: white;
+  border: 5px solid black;
+  border-radius: 20px;
+  padding: 15px;
+}
+#iconeditor .innerbox .preview {
+  float: left;
+}
+#iconeditor .innerbox .controls {
+  margin-left: 220px;
+}
+#iconeditor .innerbox .save {
+  clear: both;
 }
\ No newline at end of file
diff --git a/Lora-Map/resources/admin/js/menu.js b/Lora-Map/resources/admin/js/menu.js
index 35dcce1..20a6aa2 100644
--- a/Lora-Map/resources/admin/js/menu.js
+++ b/Lora-Map/resources/admin/js/menu.js
@@ -98,10 +98,23 @@ var NamesEditor = {
     alert("Save Row: id: " + id + " name: " + name);
   },
   IconEditor: function (el) {
-    var url = "";
+    var url = "../icons/marker/Marker.svg?marker-bg=hidden";
     if (el.children.length == 2) {
 
     }
-    alert("icon editor");
+    var ie = document.createElement("div");
+    ie.id = "iconeditor";
+    ie.innerHTML = "<div class='innerbox'>" +
+      "<div class='preview'><object id='markerprev' data='" + url + "' type='image/svg+xml' style='height:200px; width:200px;'></object></div>" +
+      "<div class='controls'>" +
+      "Typ: <select onchange='NamesEditor.ChangeLinkPreview(\"icon\",this.value);'><option>---</option><option value='person'>Person</option></select><br>"+
+      "</div>" +
+      "<div class='save'><button onclick='document.getElementById(\"iconeditor\").remove()'>Schließen</botton></div>"+
+      "</div>";
+    document.getElementsByTagName("body")[0].appendChild(ie);
+  },
+  ChangeLinkPreview: function (key, val) {
+    var cur = document.getElementById("markerprev").data;
+    alert(cur+" "+key+" "+val);
   }
 };
\ No newline at end of file