more maps

This commit is contained in:
rolux 2010-07-24 21:27:23 +02:00
parent b264794968
commit 2324beb54f

View file

@ -930,11 +930,138 @@ $ui.statusbar = new Ox.Bar({
$ui.findInput.changeLabel(data.id); $ui.findInput.changeLabel(data.id);
}); });
Ox.Event.bind("click_places", function(event, data) { Ox.Event.bind("click_places", function(event, data) {
var $map = new Ox.Map({ var $manage = new Ox.SplitPanel({
elements: [
{
collapsible: true,
element: new Ox.SplitPanel({
elements: [
{
element: new Ox.Toolbar({
orientation: "horizontal",
size: 44
}).append(
$ui.findPlacesInput = new Ox.Input({
clear: true,
id: "findPlacesInput",
placeholder: [
{ id: "name", title: "Find: Name" },
{ id: "region", title: "Find: Region" },
{ id: "user", title: "Find: User" }
]
})
.css({
float: "left",
margin: "4px"
})
.width(128)
).append(
$ui.findPlacesInput = new Ox.Select({
id: "sortPlacesSelect",
items: [
{ id: "name", title: "Sort by Name", checked: true },
{ id: "region", title: "Sort by Region" },
{ id: "size", title: "Sort by Size" },
{ id: "latitude", title: "Sort by Latitude" },
{ id: "longitude", title: "Sort by Longitude" },
{ id: "clips", title: "Sort by Number of Clips" },
{ id: "user", title: "Sort by User" },
{ id: "datecreated", title: "Sort by Date Added" },
{ id: "datemodified", title: "Sort by Date Modified" }
]
})
.css({
float: "left",
margin: "0 4px 4px 2px"
})
.width(128)
),
size: 44
},
{
element: new Ox.Element("div")
},
{
element: new Ox.Toolbar({
orientation: "horizontal",
size: 16
}),
size: 16
}
],
orientation: "vertical"
}),
resizable: true,
resize: [128, 192, 256],
size: 192
},
{
element: new Ox.SplitPanel({
elements: [
{
element: new Ox.Toolbar({
orientation: "horizontal",
size: 24
}).append(
$ui.labelsButton = new Ox.Button({
id: "labelsButton",
value: ["Show Labels", "Hide Labels"]
})
.css({
float: "left",
margin: "4px"
})
.width(80)
).append(
$ui.findMapInput = new Ox.Input({
clear: true,
id: "findMapInput",
placeholder: [{ id: "foo", title: "Find on Map" }]
})
.css({
float: "right",
margin: "4px"
})
.width(200)
),
size: 24
},
{
element: $ui.map = new Ox.Map({
places: ["Boston", "Barcelona", "Berlin", "Beirut", "Bombay", "Bangalore", "Beijing"] places: ["Boston", "Barcelona", "Berlin", "Beirut", "Bombay", "Bangalore", "Beijing"]
}).css({ }).css({
height: "100%", left: 0,
width: "100%" top: 0,
right: 0,
bottom: 0
})
},
{
element: new Ox.Toolbar({
orientation: "horizontal",
size: 24
}).append(
$ui.newPlaceButton = new Ox.Button({
id: "newPlaceButton",
value: "New Place..."
})
.css({
float: "left",
margin: "4px"
})
.width(80)
),
size: 24
}
],
orientation: "vertical"
})
}
],
orientation: "horizontal"
}).css({
top: "24px",
bottom: "24px",
}), }),
$dialog = new Ox.Dialog({ $dialog = new Ox.Dialog({
buttons: [ buttons: [
@ -947,14 +1074,16 @@ $ui.statusbar = new Ox.Bar({
value: "Close" value: "Close"
} }
], ],
height: 498, height: parseInt($document.height() * 0.8),
id: "places", id: "places",
minHeight: 400, minHeight: 400,
minWidth: 600, minWidth: 600,
padding: 0, padding: 0,
title: "Manage Places", title: "Manage Places",
width: 800 width: parseInt($document.width() * 0.8)
}).append($map).open(), }).css({
overflow: "hidden"
}).append($manage).open(),
}); });
Ox.Event.bind("click_query", function(event, data) { Ox.Event.bind("click_query", function(event, data) {
var $dialog = new Ox.Dialog({ var $dialog = new Ox.Dialog({