0x2620/pandora
2
1
Fork 1
Code Issues 1.3k Pull requests Releases Wiki Activity

add some ui for user management

Browse source
This commit is contained in:
rolux 2011-10-03 01:46:19 +00:00
parent 0de88203da
commit d3588a5075
1 changed files with 175 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

199
static/js/pandora/ui/usersDialog.js
View file

@ -14,31 +14,182 @@ pandora.ui.usersDialog = function() {
}) })
], ],
closeButton: true, closeButton: true,
content: pandora.$ui.usersElement = Ox.TextList({ content: Ox.SplitPanel({
columns: [ elements: [
{ {
id: 'username', element: Ox.SplitPanel({
title: 'Name', elements: [
operator: '+', {
visible: true, element: Ox.Bar({size: 24})
unique: true, .append(
width: 256 Ox.Button({
}, title: 'Export E-Mail Addresses'
{ })
id: 'level', .css({margin: '4px'})
operator: '+', )
visible: true, .append(
width: 256 Ox.Input({
} clear: true,
], placeholder: 'Find',
items: function(data, callback) { width: 192
pandora.api.findUsers(data, callback); })
.css({float: 'right', margin: '4px'})
.bindEvent({
submit: function(data) {
}
})
),
size: 24
},
{
element: Ox.TextList({
columns: [
{
id: 'username',
title: 'Username',
operator: '+',
visible: true,
unique: true,
width: 120
},
{
id: 'email',
title: 'E-Mail Address',
operator: '+',
visible: true,
width: 180
},
{
id: 'level',
title: 'Level',
format: function(value) {
return Ox.toTitleCase(value);
},
operator: '+',
visible: true,
width: 60
},
{
id: 'numberoflists',
title: 'Lists',
align: 'right',
operator: '-',
visible: true,
width: 60
},
{
id: 'timesseen',
title: 'Times Seen',
align: 'right',
operator: '-',
visible: true,
width: 90
},
{
id: 'firstseen',
title: 'First Seen',
align: 'right',
operator: '-',
visible: true,
width: 150
},
{
id: 'lastseen',
title: 'Last Seen',
align: 'right',
operator: '-',
visible: true,
width: 150
},
{
id: 'ip',
title: 'IP Address',
align: 'right',
operator: '-',
visible: true,
width: 120
},
{
id: 'screensize',
title: 'Screen Size',
align: 'right',
operator: '-',
visible: true,
width: 90
},
{
id: 'windowsize',
title: 'Window Size',
align: 'right',
operator: '-',
visible: true,
width: 90
},
{
id: 'useragent',
title: 'User Agent',
operator: '-',
visible: true,
width: 720
}
],
columnsVisible: true,
items: function(data, callback) {
// pandora.api.findUsers(data, callback);
pandora.api.findUsers(data, function(result) {
if (Ox.isArray(result.data.items)) {
result.data.items = result.data.items.map(function(item) {
return Ox.extend({
firstseen: '2011-10-01 15:05:25',
lastseen: '2011-10-03 05:53:06',
ip: '91.22.155.104',
screensize: '1280 x 800',
windowsize: '1024 x 720',
useragent: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_1) AppleWebKit/535.1 (KHTML, like Gecko) Chrome/14.0.835.186 Safari/535.1'
}, item);
});
}
callback(result);
});
},
keys: [],
scrollbarVisible: true,
sort: [
{key: 'username', operator: '+'}
]
})
}
],
orientation: 'vertical'
})
}, },
keys: [], {
sort: [ element: Ox.SplitPanel({
{key: 'username', operator: '+'} elements: [
] {
}), element: Ox.Bar({size: 24})
.append(
Ox.Label({
textAlign: 'center',
title: 'No user selected',
width: 248
})
.css({margin: '4px'})
),
size: 24
},
{
element: Ox.Element()
}
],
orientation: 'vertical'
}),
size: 256
}
],
orientation: 'horizontal'
}),
height: height, height: height,
maximizeButton: true, maximizeButton: true,
minHeight: 256, minHeight: 256,