adding homePage.js
This commit is contained in:
parent
83a84fefce
commit
429d6c5e76
4 changed files with 91 additions and 8 deletions
78
static/js/pandora/ui/homePage.js
Normal file
78
static/js/pandora/ui/homePage.js
Normal file
|
@ -0,0 +1,78 @@
|
|||
// vim: et:ts=4:sw=4:sts=4:ft=js
|
||||
|
||||
pandora.ui.homePage = function() {
|
||||
|
||||
var that = Ox.Element()
|
||||
.css({padding: '8px'});
|
||||
|
||||
var $left = $('<div>')
|
||||
.css({
|
||||
float: 'left',
|
||||
margin: '8px',
|
||||
background: 'black'
|
||||
})
|
||||
.html('left')
|
||||
.appendTo(that.$element),
|
||||
$center = $('<div>')
|
||||
.css({
|
||||
float: 'left',
|
||||
margin: '8px'
|
||||
})
|
||||
.appendTo(that.$element),
|
||||
$right = $('<div>')
|
||||
.css({
|
||||
float: 'left',
|
||||
margin: '8px',
|
||||
background: 'black'
|
||||
})
|
||||
.html('right')
|
||||
.appendTo(that.$element),
|
||||
$logo = $('<img>')
|
||||
.attr({src: '/static/png/logo256.png'})
|
||||
.appendTo($center);
|
||||
// fixme: duplicated
|
||||
$select = Ox.Select({
|
||||
id: 'select',
|
||||
items: $.merge($.map(app.ui.findKeys,
|
||||
function(key, i) {
|
||||
return {
|
||||
id: key.id,
|
||||
title: 'Find: ' + key.title
|
||||
};
|
||||
}), [{}, {
|
||||
id: 'advanced',
|
||||
title: 'Find: Advanced'
|
||||
}]),
|
||||
overlap: 'right',
|
||||
width: 112
|
||||
})
|
||||
$input = Ox.Input({})
|
||||
.bindEvent({
|
||||
change: function() {
|
||||
|
||||
}
|
||||
});
|
||||
$findElement = Ox.FormElementGroup({
|
||||
elements: [$select, $input],
|
||||
})
|
||||
.css({marginTop: '16px'})
|
||||
.appendTo($center);
|
||||
$center = $('<div>')
|
||||
.css({marginTop: '16px'})
|
||||
.html('center')
|
||||
.appendTo($center);
|
||||
|
||||
that.resize = function() {
|
||||
var size = Ox.divideInt(window.innerWidth - app.user.ui.showSidebar * app.user.ui.sidebarSize - 1 - 64, 3);
|
||||
$left.css({width: size[0] + 'px'});
|
||||
$center.css({width: size[1] + 'px'});
|
||||
$logo.css({width: size[1] + 'px'});
|
||||
$input.options({width: size[1] - 112});
|
||||
$right.css({width: size[2] + 'px'});
|
||||
};
|
||||
|
||||
that.resize();
|
||||
|
||||
return that;
|
||||
|
||||
}
|
|
@ -2,16 +2,20 @@
|
|||
pandora.ui.rightPanel = function() {
|
||||
var that;
|
||||
if (app.user.ui.section == 'site') {
|
||||
that = new Ox.Element()
|
||||
.html(app.user.ui.sitePage)
|
||||
.bindEvent({
|
||||
resize: function(event, data) {
|
||||
|
||||
}
|
||||
});
|
||||
if (app.user.ui.sitePage == 'home') {
|
||||
that = pandora.ui.homePage()
|
||||
.bindEvent({
|
||||
resize: function(data) {
|
||||
that.resize();
|
||||
}
|
||||
});
|
||||
} else {
|
||||
that = new Ox.Element()
|
||||
.css({padding: '8px'});
|
||||
pandora.api.getPage(app.user.ui.sitePage, function(result) {
|
||||
that.html(result.data.body).css({'overflow-y':'auto'});
|
||||
that.html(result.data.body).css({overflowY: 'auto'});
|
||||
});
|
||||
}
|
||||
} else if (app.user.ui.section == 'items') {
|
||||
that = new Ox.SplitPanel({
|
||||
elements: [
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
"js/pandora/autovalidate.js",
|
||||
"js/pandora/UI.js",
|
||||
"js/pandora/ui/info.js",
|
||||
"js/pandora/ui/homePage.js",
|
||||
"js/pandora/ui/rightPanel.js",
|
||||
"js/pandora/ui/folderBrowserList.js",
|
||||
"js/pandora/ui/group.js",
|
||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 3 KiB After Width: | Height: | Size: 799 B |
Loading…
Reference in a new issue