pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[ADD] Formview

Browse Source 
bzr revid: fme@openerp.com-20110316140045-6tzlnbhakhfpu20n
This commit is contained in:
Fabien Meghazi
2011-03-16 15:00:45 +01:00
parent fea50595d6
commit ac35ee9ec4
3 changed files with 338 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/base/static/openerp/base.css
+10
View File
@@ -290,3 +290,13 @@ body {
border-radius: 3px;
background: white;
}
/* Widgets */
.openerp .separator {
border: 0 solid #666;
}
.openerp .separator.horizontal {
font-weight: bold;
border-bottom-width: 1px;
margin: 6px 4px 6px 1px;
}
addons/base/static/openerp/base.xml
+94 -1
View File
@@ -93,7 +93,7 @@
</div>
<table id="todo_use_unique_id" class="jqGrid"></table>
</t>
<t t-name="FormView">
<t t-name="FormViewold">
<h3 class="title"><t t-esc="fields_view.arch.attrs.string"/></h3>
<div style="text-align:right;">
<input type="button" value="First"/>
@@ -133,6 +133,99 @@
<t t-call="FormView.node"/>
</t>
</t>
<t t-name="FormView">
<h3 class="title"><t t-esc="view.fields_view.arch.attrs.string"/></h3>
<div style="text-align:right;">
<input type="button" value="First"/>
<input type="button" value="&lt;&lt;"/>
0 / 0
<input type="button" value="&gt;&gt;"/>
<input type="button" value="Last"/>
</div>
<t t-raw="frame.render()"/>
<div style="text-align:right;">
<input type="button" value="Save"/>
</div>
</t>
<t t-name="FormView.widget">
Unhandled widget
<t t-raw="console.log('Unhandled widget', widget)"/>
</t>
<t t-name="FormView.frame">
<table border="0" width="100%" cellpadding="2" cellspacing="2">
<tr t-foreach="widget.table" t-as="row">
<t t-foreach="row" t-as="td">
<td t-att-colspan="td.colspan gt 1 ? td.colspan : undefined"
t-att-width="td.width ? td.width : undefined"
t-att-nowrap="td.is_field_label ? 'true' : undefined"
t-att-valign="td.table ? 'top' : undefined">
<t t-raw="td.render()"/>
</td>
</t>
</tr>
</table>
</t>
<t t-name="FormView.notebook">
<t t-foreach="widget.pages" t-as="page">
<fieldset>
<legend><t t-esc="page.string"/></legend>
<t t-raw="page.render()"/>
</fieldset>
</t>
</t>
<t t-name="FormView.separator">
<div t-att-class="'separator ' + (widget.node.attrs.orientation || 'horizontal')">
<t t-esc="widget.string"/>
</div>
</t>
<t t-name="FormView.label">
<label t-att-for="widget.element_id" t-att-title="widget.help" style="display: block; text-align: right;" t-att-ondblclick="'console.log(openerp.screen.oe_main.formview.widgets[\'' + widget.element_id + '\'])'">
<t t-esc="widget.string"/>
<span t-if="widget.help">?</span>
:
</label>
</t>
<t t-name="FormView.field.char">
<input type="text" t-att-name="widget.name" t-att-id="widget.element_id" t-att-class="'field_' + widget.type" style="width: 100%"/>
</t>
<t t-name="FormView.field.text">
<textarea rows="6" t-att-name="widget.name" t-att-id="widget.element_id" t-att-class="'field_' + widget.type" style="width: 100%;"></textarea>
</t>
<t t-name="FormView.field.date">
<input type="text" t-att-name="widget.name" t-att-id="widget.element_id" t-att-class="'field_' + widget.type" style="width: 100%" placeholder="Widget Date"/>
</t>
<t t-name="FormView.field.datetime">
<input type="text" t-att-name="widget.name" t-att-id="widget.element_id" t-att-class="'field_' + widget.type" style="width: 100%" placeholder="Widget Datetime"/>
</t>
<t t-name="FormView.field.selection">
<select t-att-name="widget.name" t-att-id="widget.element_id" t-att-class="'field_' + widget.type" style="width: 100%">
<t t-foreach="widget.field.selection" t-as="options">
<option t-att-value="options[0]">
<t t-esc="options[1]"/>
</option>
</t>
</select>
</t>
<t t-name="FormView.field.many2one">
<input type="text" t-att-name="widget.name" t-att-id="widget.element_id" t-att-class="'field_' + widget.type" style="width: 100%; border: 1px solid red;" placeholder="Many 2 One: Please, enter the ID of the object. Thank you !"/>
</t>
<t t-name="FormView.field.one2many">
<div style="background: #ccc; padding: 20px">
One2Many widget
</div>
</t>
<t t-name="FormView.field.reference">
<input type="text" t-att-name="widget.name" t-att-id="widget.element_id" t-att-class="'field_' + widget.type" style="width: 100%" placeholder="Widget Reference"/>
</t>
<t t-name="FormView.field.boolean">
<input type="checkbox" t-att-name="widget.name" t-att-id="widget.element_id" t-att-class="'field_' + widget.type"/>
</t>
<t t-name="FormView.button">
<button type="button" t-att-id="widget.element_id" t-att-title="widget.help" style="width: 100%" class="button">
<img t-if="widget.node.attrs.icon" t-att-src="'/base/static/openerp/img/icons/' + widget.node.attrs.icon + '.png'" width="16" height="16"/>
<t t-esc="widget.string"/>
</button>
</t>
<t t-name="SearchView">
<h3 class="title"><t t-esc="fields_view.arch.attrs['string']"/></h3>
<table border="0" cellspacing="0" cellpadding="0">
addons/base/static/openerp/js/controllers.js
+234 -2
View File
@@ -447,21 +447,253 @@ openerp.base.XmlInput = openerp.base.Controller.extend({
// to replace view editor
});
openerp.base.Widget = openerp.base.Controller.extend({
init: function(session, element_id, view, node) {
var type = view.fields_view.fields[node.attrs.name] || {};
this.type = node.attrs.widget || type.type || node.tag;
this.name = node.attrs.name;
var type = view.fields_view.fields[node.attrs.name] || {};
this.type = node.attrs.widget || type.type || node.tag;
this.element_id = (node.tag == this.type ? node.tag : node.tag + '_' + this.type) + '_';
this.element_id += (this.name ? this.name + (this.is_field_label ? '_label' : '') + '_' : '');
this.element_id += Math.round(Math.random() * (new Date()).getTime());
this._super(session, this.element_id);
this.view = view;
this.view.widgets[this.element_id] = this;
this.node = node;
this.children = node.children;
this.colspan = parseInt(node.attrs.colspan || 1);
if (node.tag == 'field') {
this.view.fields[node.attrs.name] = this;
if (node.attrs.nolabel != '1' && this.colspan > 1) {
this.colspan--;
}
}
this.field = view.fields_view.fields[node.attrs.name];
this.template = "FormView.widget";
this.invisible = (node.attrs.invisible == '1');
this.string = node.attrs.string || (this.field ? this.field.string : undefined);
this.help = node.attrs.help || (this.field ? this.field.help : undefined);
this.nolabel = (node.attrs.nolabel == '1');
},
register: function() {
this.$element = $('#' + this.element_id);
return this;
},
render: function() {
var template = this.template;
return QWeb.render(template, { "widget": this });
}
});
openerp.base.WidgetFrame = openerp.base.Widget.extend({
init: function(session, element_id, view, node) {
this._super(session, element_id, view, node);
this.template = "FormView.frame";
this.columns = node.attrs.col || 4;
this.x = 0;
this.y = 0;
this.table = [];
this.add_row();
for (var i = 0; i < node.children.length; i++) {
var n = node.children[i];
if (n.tag == "newline") {
this.add_row();
} else {
this.handle_node(n);
}
}
this.set_row_cells_with(this.table[this.table.length - 1]);
},
add_row: function(){
if (this.table.length) {
this.set_row_cells_with(this.table[this.table.length - 1]);
}
var row = [];
this.table.push(row);
this.x = 0;
this.y += 1;
return row;
},
set_row_cells_with: function(row) {
for (var i = 0; i < row.length; i++) {
var w = row[i];
if (w.is_field_label) {
w.width = "1%";
if (row[i + 1]) {
row[i + 1].width = Math.round((100 / this.columns) * (w.colspan + 1) - 1) + '%';
}
} else if (w.width === undefined) {
w.width = Math.round((100 / this.columns) * w.colspan) + '%';
}
}
},
handle_node: function(n) {
var type = this.view.fields_view.fields[n.attrs.name] || {};
var widget_type = n.attrs.widget || type.type || n.tag;
if (openerp.base.widgets[widget_type]) {
if (n.tag == 'field' && n.attrs.nolabel != '1') {
var label = new openerp.base.widgets['label'](this.session, null, this.view, n);
this.add_widget(label);
}
var widget = new openerp.base.widgets[widget_type](this.session, null, this.view, n);
this.add_widget(widget);
} else {
console.log("Unhandled widget type : " + widget_type, n);
}
},
add_widget: function(w) {
if (!w.invisible) {
var current_row = this.table[this.table.length - 1];
if (current_row.length && (this.x + w.colspan) > this.columns) {
current_row = this.add_row();
}
current_row.push(w);
this.x += w.colspan;
}
return w;
}
});
openerp.base.WidgetNotebook = openerp.base.Widget.extend({
init: function(session, element_id, view, node) {
this._super(session, element_id, view, node);
this.template = "FormView.notebook";
this.pages = [];
for (var i = 0; i < node.children.length; i++) {
var n = node.children[i];
if (n.tag == "page") {
var page = new openerp.base.WidgetFrame(this.session, null, this.view, n);
this.pages.push(page);
}
}
}
});
openerp.base.WidgetSeparator = openerp.base.Widget.extend({
init: function(session, element_id, view, node) {
this._super(session, element_id, view, node);
this.template = "FormView.separator";
}
});
openerp.base.WidgetLabel = openerp.base.Widget.extend({
init: function(session, element_id, view, node) {
this.is_field_label = true;
this._super(session, element_id, view, node);
this.template = "FormView.label";
this.colspan = 1;
}
});
openerp.base.WidgetFieldChar = openerp.base.Widget.extend({
init: function(session, element_id, view, node) {
this._super(session, element_id, view, node);
this.template = "FormView.field.char";
}
});
openerp.base.WidgetFieldEmail = openerp.base.Widget.extend({
init: function(session, element_id, view, node) {
this._super(session, element_id, view, node);
this.template = "FormView.field.char";
}
});
openerp.base.WidgetFieldFloat = openerp.base.Widget.extend({
init: function(session, element_id, view, node) {
this._super(session, element_id, view, node);
this.template = "FormView.field.char";
}
});
openerp.base.WidgetFieldBoolean = openerp.base.Widget.extend({
init: function(session, element_id, view, node) {
this._super(session, element_id, view, node);
this.template = "FormView.field.boolean";
}
});
openerp.base.WidgetFieldDate = openerp.base.Widget.extend({
init: function(session, element_id, view, node) {
this._super(session, element_id, view, node);
this.template = "FormView.field.date";
}
});
openerp.base.WidgetFieldDatetime = openerp.base.Widget.extend({
init: function(session, element_id, view, node) {
this._super(session, element_id, view, node);
this.template = "FormView.field.datetime";
}
});
openerp.base.WidgetFieldText = openerp.base.Widget.extend({
init: function(session, element_id, view, node) {
this._super(session, element_id, view, node);
this.template = "FormView.field.text";
}
});
openerp.base.WidgetFieldSelection = openerp.base.Widget.extend({
init: function(session, element_id, view, node) {
this._super(session, element_id, view, node);
this.template = "FormView.field.selection";
}
});
openerp.base.WidgetFieldMany2One = openerp.base.Widget.extend({
init: function(session, element_id, view, node) {
this._super(session, element_id, view, node);
this.template = "FormView.field.many2one";
}
});
openerp.base.WidgetFieldOne2Many = openerp.base.Widget.extend({
init: function(session, element_id, view, node) {
this._super(session, element_id, view, node);
this.template = "FormView.field.one2many";
}
});
openerp.base.WidgetFieldReference = openerp.base.Widget.extend({
init: function(session, element_id, view, node) {
this._super(session, element_id, view, node);
this.template = "FormView.field.reference";
}
});
openerp.base.WidgetButton = openerp.base.Widget.extend({
init: function(session, element_id, view, node) {
this._super(session, element_id, view, node);
this.template = "FormView.button";
}
});
openerp.base.widgets = {
'group' : openerp.base.WidgetFrame,
'notebook' : openerp.base.WidgetNotebook,
'separator' : openerp.base.WidgetSeparator,
'label' : openerp.base.WidgetLabel,
'char' : openerp.base.WidgetFieldChar,
'email' : openerp.base.WidgetFieldEmail,
'date' : openerp.base.WidgetFieldDate,
'datetime' : openerp.base.WidgetFieldDatetime,
'text' : openerp.base.WidgetFieldText,
'selection' : openerp.base.WidgetFieldSelection,
'many2one' : openerp.base.WidgetFieldMany2One,
'one2many' : openerp.base.WidgetFieldOne2Many,
'reference' : openerp.base.WidgetFieldReference,
'boolean' : openerp.base.WidgetFieldBoolean,
'float' : openerp.base.WidgetFieldFloat,
'button' : openerp.base.WidgetButton
}
openerp.base.FormView = openerp.base.Controller.extend({
init: function(session, element_id, dataset, view_id) {
this._super(session, element_id);
this.dataset = dataset;
this.model = dataset.model;
this.view_id = view_id;
this.widgets = {};
this.fields = {};
},
start: function() {
//this.log('Starting FormView '+this.model+this.view_id)
this.rpc("/base/formview/load", {"model": this.model, "view_id":this.view_id}, this.on_loaded);
this.rpc("/base/formview/load", {"model": this.model, "view_id": this.view_id}, this.on_loaded);
},
on_loaded: function(data) {
this.fields_view = data.fields_view;
//this.log(this.fields_view);
this.$element.html(QWeb.render("FormView", {"fields_view": this.fields_view}));
var frame = new openerp.base.WidgetFrame(this.session, null, this, this.fields_view.arch);
this.$element.html(QWeb.render("FormView", { "frame": frame, "view": this }));
for (var i in this.widgets) {
this.widgets[i].register();
}
},
on_button: function() {
},