41 lines
1 KiB
JavaScript
41 lines
1 KiB
JavaScript
|
Ox.load({UI: {}, Geo: {}}, function() {
|
||
|
|
||
|
var $list = Ox.IconList({
|
||
|
//borderRadius: 32,
|
||
|
item: function(data, sort, size) {
|
||
|
return {
|
||
|
height: size,
|
||
|
id: data.code,
|
||
|
info: data.code,
|
||
|
title: data.name,
|
||
|
url: Ox.getImageByGeoname('icon', 256, data.name),
|
||
|
width: size
|
||
|
}
|
||
|
},
|
||
|
items: Ox.COUNTRIES.sort(function(a, b) {
|
||
|
return a.code < b.code ? -1 : a.code > b.code ? 1 : 0;
|
||
|
}),
|
||
|
sort: [{key: 'code', operator: '+'}]
|
||
|
});
|
||
|
|
||
|
Ox.SplitPanel({
|
||
|
elements: [
|
||
|
{
|
||
|
element: Ox.Bar(),
|
||
|
size: 24
|
||
|
},
|
||
|
{
|
||
|
element: $list
|
||
|
}
|
||
|
],
|
||
|
orientation: 'vertical'
|
||
|
})
|
||
|
.appendTo(Ox.UI.$body)
|
||
|
|
||
|
/*
|
||
|
Ox.UI.$window.resize(function() {
|
||
|
$list.size();
|
||
|
});
|
||
|
*/
|
||
|
|
||
|
});
|