cst1/openstreetmap-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

UI changes from RichardF

Browse source
This commit is contained in:
Christopher Schmidt 2008-04-23 14:58:25 +00:00
parent e6de9accd2
commit f4dfa0f93b
1 changed files with 27 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

42
app/views/browse/start.rjs
View file

@ -193,9 +193,11 @@ page << <<EOJ
} }
function dataLoaded() { function dataLoaded() {
if (!browsing) { return; } if (!browsing) { return; }
$("status").innerHTML = "Loaded " + this.features.length + " features. (<a href='"+ this.url+"'>API</a>)"; $("status").innerHTML = "Loaded."
objList = document.createElement("ul"); objList = document.createElement("div")
list = document.createElement("ul");
for (var i = 0; i < this.features.length; i++) { for (var i = 0; i < this.features.length; i++) {
var feature = this.features[i]; var feature = this.features[i];
@ -217,10 +219,16 @@ page << <<EOJ
link.onclick = OpenLayers.Function.bind(viewFeatureLink, link); link.onclick = OpenLayers.Function.bind(viewFeatureLink, link);
li.appendChild(link); li.appendChild(link);
objList.appendChild(li); list.appendChild(li);
} }
objList.appendChild(list)
var link = document.createElement("a");
link.href = this.url;
link.appendChild(document.createTextNode("API"));
objList.appendChild(link)
$("object").innerHTML = ""; $("object").innerHTML = "";
$("object").appendChild(objList); $("object").appendChild(objList);
} }
function viewFeatureLink() { function viewFeatureLink() {
@ -271,18 +279,22 @@ page << <<EOJ
div.appendChild(link) div.appendChild(link)
$("object").appendChild(div); $("object").appendChild(div);
var link = document.createElement("a");
link.href = "/browse/"+type+"/"+feature.osm_id;
link.appendChild(document.createTextNode("Database entry for " + feature.osm_id));
var div = document.createElement("div");
div.style.marginTop = "20px"
div.appendChild(link);
$("object").appendChild(div);
// Now the list of attributes // Now the list of attributes
var ul = document.createElement("ul"); var ul = document.createElement("ul");
var type = "way"; var type = "way";
if (feature.geometry.CLASS_NAME == "OpenLayers.Geometry.Point") { if (feature.geometry.CLASS_NAME == "OpenLayers.Geometry.Point") {
type = "node"; type = "node";
} }
var li = document.createElement("li");
var link = document.createElement("a");
link.href = "/browse/"+type+"/"+feature.osm_id;
link.appendChild(document.createTextNode(feature.osm_id));
li.appendChild(link);
ul.appendChild(li);
for (var key in feature.attributes) { for (var key in feature.attributes) {
var li = document.createElement("li"); var li = document.createElement("li");
var b = document.createElement("b"); var b = document.createElement("b");
@ -292,16 +304,16 @@ page << <<EOJ
ul.appendChild(li); ul.appendChild(li);
} }
var li = document.createElement("li"); $("object").appendChild(ul);
var link = document.createElement("a"); var link = document.createElement("a");
link.href = "/browse/"+type+"/"+feature.osm_id+"/history"; link.href = "/browse/"+type+"/"+feature.osm_id+"/history";
link.appendChild(document.createTextNode("History")); link.appendChild(document.createTextNode("History"));
li.appendChild(link);
ul.appendChild(li); ul.appendChild(li);
link.onclick = OpenLayers.Function.bind(loadHistory, {type: type, feature: feature, link: link}); link.onclick = OpenLayers.Function.bind(loadHistory, {type: type, feature: feature, link: link});
$("object").appendChild(ul);
$("object").appendChild(link);
// Stash the currently drawn feature // Stash the currently drawn feature
currentFeature = feature; currentFeature = feature;
} }
@ -315,7 +327,7 @@ page << <<EOJ
if (currentFeature.osm_id != this.feature.osm_id || $("object").firstChild == objList) { if (currentFeature.osm_id != this.feature.osm_id || $("object").firstChild == objList) {
return false; return false;
} }
this.link.parentNode.parentNode.removeChild(this.link.parentNode); this.link.parentNode.removeChild(this.link);
var doc = request.responseXML; var doc = request.responseXML;
var div = document.createElement("div"); var div = document.createElement("div");
var h3 = document.createElement("h3"); var h3 = document.createElement("h3");
@ -332,7 +344,7 @@ page << <<EOJ
} }
div.appendChild(history); div.appendChild(history);
var link = document.createElement("a"); var link = document.createElement("a");
link.appendChild(document.createTextNode("History")); link.appendChild(document.createTextNode("History entry for " + this.feature.osm_id));
link.href = "/browse/"+this.type+"/"+this.feature.osm_id+"/history"; link.href = "/browse/"+this.type+"/"+this.feature.osm_id+"/history";
div.appendChild(link); div.appendChild(link);
$("object").appendChild(div); $("object").appendChild(div);