infobox/location: show uci in one box

lib/infobox/location.js

@@ -9,42 +9,48 @@ define(function () {
       h2.textContent = result.display_name
     })
 
+    var latDiv = document.createElement("div")
     var h3lat = document.createElement("h3")
     h3lat.textContent = "Breitengrad"
-    el.appendChild(h3lat)
+    h3lat.id = "h3-latitude"
+    latDiv.appendChild(h3lat)
     var txt1 = document.createElement("textarea")
     txt1.id = "location-latitude"
     txt1.value = d.lat.toFixed(9)
     var p = document.createElement("p")
     p.appendChild(txt1)
     p.appendChild(createCopyButton(txt1.id))
-    el.appendChild(p)
+    latDiv.appendChild(p)
+    el.appendChild(latDiv)
 
+    var longDiv = document.createElement("div")
     var h3lng = document.createElement("h3")
     h3lng.textContent = "Längengrad"
-    el.appendChild(h3lng)
+    longDiv.appendChild(h3lng)
     var txt2 = document.createElement("textarea")
     txt2.id = "location-longitude"
     txt2.value = d.lng.toFixed(9)
     var p2 = document.createElement("p")
     p2.appendChild(txt2)
     p2.appendChild(createCopyButton(txt2.id))
-    el.appendChild(p2)
+    longDiv.appendChild(p2)
+    longDiv.id = "div-longitude"
+    el.appendChild(longDiv)
 
     var a1 = document.createElement("a")
     a1.textContent = "plain"
     a1.onclick = function() {
-        switch2plain()
+      switch2plain()
-        return false
+      return false
     }
     a1.href = config.siteURL
     var a2 = document.createElement("a")
     a2.textContent = "uci"
     a2.onclick = function() {
-        switch2uci()
+      switch2uci()
-        return false
+      return false
     }
-    a2.href = config.siteURL
+    a2.href = "#"
 
     var p3 = document.createElement("p")
     p3.textContent = "Du kannst zwischen "
@@ -57,36 +63,38 @@ define(function () {
     el.appendChild(p3)
 
     function createCopyButton(id) {
-        var btn = document.createElement("button")
+      var btn = document.createElement("button")
-        btn.className = "ion-ios-copy"
+      btn.className = "ion-ios-copy"
-        btn.title = "Kopiere"
+      btn.title = "Kopieren"
-        btn.onclick = function() {
+      btn.onclick = function() {
-            copy2clip(id)
+        copy2clip(id)
-        }
+      }
-        return btn
+      return btn
     }
+
     function copy2clip(id) {
-        var copyTextarea = document.querySelector("#" + id)
+      var copyTextarea = document.querySelector("#" + id)
-        copyTextarea.select()
+      copyTextarea.select()
-        try {
+      try {
-            var successful = document.execCommand("copy")
+        document.execCommand("copy")
-            var msg = successful ? "successful" : "unsuccessful"
+      } catch (err) {
-            console.log("Copying text command was " + msg)
+        console.log(err)
-        } catch (err) {
+      }
-            console.log("Oops, unable to copy")
-        }
     }
+
     function switch2plain() {
-    var box1 = document.getElementById("location-latitude")
+      var box1 = document.getElementById("location-latitude")
-    box1.value = d.lat.toFixed(9)
+      box1.value = d.lat.toFixed(9)
-    var box2 = document.getElementById("location-longitude")
+      var box2 = document.getElementById("location-longitude")
-    box2.value = d.lng.toFixed(9)
+      box2.value = d.lng.toFixed(9)
+      document.getElementById("h3-latitude").textContent = "Breitengrad"
+      document.getElementById("div-longitude").style.display = "block"
     }
+
     function switch2uci() {
-        var box1 = document.getElementById("location-latitude")
+      document.getElementById("location-latitude").value = "uci set gluon-node-info.@location[0].latitude='" + d.lat.toFixed(9) + "'; uci set gluon-node-info.@location[0].longitude='" + d.lng.toFixed(9) + "'"
-    box1.value = "uci set gluon-node-info.@location[0].latitude='" + d.lat.toFixed(9) + "'"
+      document.getElementById("h3-latitude").textContent = "Befehl"
-    var box2 = document.getElementById("location-longitude")
+      document.getElementById("div-longitude").style.display = "none"
-    box2.value = "uci set gluon-node-info.@location[0].longitude='" + d.lng.toFixed(9) + "'"
     }
   }
 })