77 lines
No EOL
2.3 KiB
JavaScript
77 lines
No EOL
2.3 KiB
JavaScript
wn.ui.AppFrame = Class.extend({
|
|
init: function(parent, title) {
|
|
this.buttons = {};
|
|
this.$w = $('<div></div>').appendTo(parent);
|
|
|
|
this.$titlebar = $('<div class="appframe-titlebar">\
|
|
<span class="appframe-title"></span>\
|
|
<span class="close">×</span>\
|
|
</div>').appendTo(this.$w);
|
|
|
|
this.$w.find('.close').click(function() {
|
|
window.history.back();
|
|
})
|
|
|
|
if(title) this.title(title);
|
|
|
|
},
|
|
title: function(txt) {
|
|
this.$titlebar.find('.appframe-title').html(txt);
|
|
},
|
|
add_button: function(label, click, icon) {
|
|
this.add_toolbar();
|
|
|
|
args = { label: label, icon:'' };
|
|
if(icon) {
|
|
args.icon = '<i class="'+icon+'"></i>';
|
|
}
|
|
this.buttons[label] = $(repl('<button class="btn btn-small">\
|
|
%(icon)s %(label)s</button>', args))
|
|
.click(click)
|
|
.appendTo(this.toolbar);
|
|
return this.buttons[label];
|
|
},
|
|
clear_buttons: function() {
|
|
this.toolbar && this.toolbar.empty();
|
|
},
|
|
add_toolbar: function() {
|
|
if(!this.toolbar)
|
|
this.$w.append('<div class="appframe-toolbar"></div>');
|
|
this.toolbar = this.$w.find('.appframe-toolbar');
|
|
},
|
|
add_select: function(label, options) {
|
|
this.add_toolbar();
|
|
return $("<select style='width: 160px;'>").add_options(options).appendTo(this.add_label(label));
|
|
},
|
|
add_label: function(label) {
|
|
return $("<span style='margin-right: 12px;'>"+label+" </span>").appendTo(this.toolbar);
|
|
},
|
|
add_date: function(label, date) {
|
|
this.add_toolbar();
|
|
return $("<input style='width: 80px;'>").datepicker({
|
|
dateFormat: sys_defaults.date_format.replace("yyyy", "yy"),
|
|
changeYear: true,
|
|
}).val(dateutil.str_to_user(date) || "").appendTo(this.add_label(label));
|
|
},
|
|
});
|
|
|
|
// parent, title, single_column
|
|
// standard page with appframe
|
|
|
|
wn.ui.make_app_page = function(opts) {
|
|
if(opts.single_column) {
|
|
$(opts.parent).html('<div class="layout-wrapper layout-wrapper-appframe">\
|
|
<div class="layout-appframe"></div>\
|
|
<div class="layout-main"></div>\
|
|
</div>');
|
|
} else {
|
|
$(opts.parent).html('<div class="layout-wrapper layout-wrapper-background">\
|
|
<div class="layout-appframe"></div>\
|
|
<div class="layout-main-section"></div>\
|
|
<div class="layout-side-section"></div>\
|
|
<div class="clear"></div>\
|
|
</div>');
|
|
}
|
|
opts.parent.appframe = new wn.ui.AppFrame($(opts.parent).find('.layout-appframe'));
|
|
if(opts.title) opts.parent.appframe.title(opts.title);
|
|
} |