odoo
/
odoo
2
0
Fork 0
Code Pull Requests Releases Activity

[IMP] move readonly stuff to their own widgets, in a registry inheriting from form's 

bzr revid: xmo@openerp.com-20110919135717-jt4t5315nmoatleb
This commit is contained in:
Xavier Morel 2011-09-19 15:57:17 +02:00
parent 566f9a43e8
commit 412effa9ad
2 changed files with 143 additions and 121 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

170
addons/web/static/src/js/view_form.js
View File

@ -1057,11 +1057,7 @@ openerp.web.form.FieldChar = openerp.web.form.Field.extend({
set_value: function(value) {
this._super.apply(this, arguments);
var show_value = openerp.web.format_value(value, this, '');
if (this.view.readonly) {
this.$element.find('div').text(show_value);
} else {
this.$element.find('input').val(show_value);
}
this.$element.find('input').val(show_value);
return show_value;
},
update_dom: function() {
@ -1098,14 +1094,6 @@ openerp.web.form.FieldEmail = openerp.web.form.FieldChar.extend({
} else {
location.href = 'mailto:' + this.value;
}
},
set_value: function(value) {
var displayed = this._super.apply(this, arguments);
if (this.view.readonly) {
this.$element.find('a')
.attr('href', 'mailto:' + displayed)
.text(displayed);
}
}
});
@ -1121,14 +1109,6 @@ openerp.web.form.FieldUrl = openerp.web.form.FieldChar.extend({
} else {
window.open(this.value);
}
},
set_value: function(value) {
var displayed = this._super.apply(this, arguments);
if (this.view.readonly) {
this.$element.find('a')
.attr('href', displayed)
.text(displayed);
}
}
});
@ -1147,14 +1127,11 @@ openerp.web.form.FieldDatetime = openerp.web.form.Field.extend({
template: 'FieldDate',
init: function(view, node) {
this._super(view, node);
if (!this.view.readonly) {
this.jqueryui_object = 'datetimepicker';
}
this.jqueryui_object = 'datetimepicker';
},
start: function() {
var self = this;
this._super.apply(this, arguments);
if (this.view.readonly) { return; }
this.$element.find('input').change(this.on_ui_change);
this.picker({
onSelect: this.on_picker_select,
@ -1184,11 +1161,7 @@ openerp.web.form.FieldDatetime = openerp.web.form.Field.extend({
set_value: function(value) {
value = this.parse(value);
this._super(value);
if (this.view.readonly) {
this.$element.find('div').text(value ? this.format_client(value) : '');
} else {
this.$element.find('input').val(value ? this.format_client(value) : '');
}
this.$element.find('input').val(value ? this.format_client(value) : '');
},
get_value: function() {
return this.format(this.value);
@ -1235,9 +1208,7 @@ openerp.web.form.FieldDatetime = openerp.web.form.Field.extend({
openerp.web.form.FieldDate = openerp.web.form.FieldDatetime.extend({
init: function(view, node) {
this._super(view, node);
if (!this.view.readonly) {
this.jqueryui_object = 'datepicker';
}
this.jqueryui_object = 'datepicker';
},
on_picker_select: function(text, instance) {
this._super(text, instance);
@ -1254,11 +1225,7 @@ openerp.web.form.FieldText = openerp.web.form.Field.extend({
set_value: function(value) {
this._super.apply(this, arguments);
var show_value = openerp.web.format_value(value, this, '');
if (this.view.readonly) {
this.$element.find('div').text(show_value);
} else {
this.$element.find('textarea').val(show_value);
}
this.$element.find('textarea').val(show_value);
},
update_dom: function() {
this._super.apply(this, arguments);
@ -1295,11 +1262,7 @@ openerp.web.form.FieldBoolean = openerp.web.form.Field.extend({
},
set_value: function(value) {
this._super.apply(this, arguments);
if (this.view.readonly) {
this.$element.find('span').text(value ? '✔' : '✘');
} else {
this.$element.find('input')[0].checked = value;
}
this.$element.find('input')[0].checked = value;
},
set_value_from_ui: function() {
this.value = this.$element.find('input').is(':checked');
@ -1381,17 +1344,11 @@ openerp.web.form.FieldSelection = openerp.web.form.Field.extend({
value = value === null ? false : value;
value = value instanceof Array ? value[0] : value;
this._super(value);
if (this.view.readonly) {
var option = _(this.values)
.detect(function (record) { return record[0] === value; });
this.$element.find('div').text(option ? option[1] : this.values[0][1]);
} else {
var index = 0;
for (var i = 0, ii = this.values.length; i < ii; i++) {
if (this.values[i][0] === value) index = i;
}
this.$element.find('select')[0].selectedIndex = index;
var index = 0;
for (var i = 0, ii = this.values.length; i < ii; i++) {
if (this.values[i][0] === value) index = i;
}
this.$element.find('select')[0].selectedIndex = index;
},
set_value_from_ui: function() {
this.value = this.values[this.$element.find('select')[0].selectedIndex][0];
@ -1402,7 +1359,6 @@ openerp.web.form.FieldSelection = openerp.web.form.Field.extend({
this.$element.find('select').attr('disabled', this.readonly);
},
validate: function() {
if (this.view.readonly) { return; }
var value = this.values[this.$element.find('select')[0].selectedIndex];
this.invalid = !(value && !(this.required && value[0] === false));
},
@ -1469,7 +1425,6 @@ openerp.web.form.FieldMany2One = openerp.web.form.Field.extend({
},
start: function() {
this._super();
if (this.view.readonly) { return; }
var self = this;
this.$input = this.$element.find("input");
this.$drop_down = this.$element.find(".oe-m2o-drop-down-button");
@ -1689,10 +1644,6 @@ openerp.web.form.FieldMany2One = openerp.web.form.Field.extend({
self.update_dom();
self.on_value_changed();
var real_set_value = function(rval) {
if (self.view.readonly) {
self.$element.find('div').text(rval ? rval[1] : '');
return;
}
self.tmp_value = undefined;
self.value = rval;
self.original_value = undefined;
@ -2633,6 +2584,91 @@ openerp.web.form.FieldStatus = openerp.web.form.Field.extend({
}
});
openerp.web.form.WidgetNotebookReadonly = openerp.web.form.WidgetNotebook.extend({
template: 'WidgetNotebook.readonly'
});
openerp.web.form.FieldReadonly = openerp.web.form.Field.extend({
});
openerp.web.form.FieldCharReadonly = openerp.web.form.FieldReadonly.extend({
template: 'FieldChar.readonly',
set_value: function (value) {
this._super.apply(this, arguments);
var show_value = openerp.web.format_value(value, this, '');
this.$element.find('div').text(show_value);
return show_value;
}
});
openerp.web.form.FieldURIReadonly = openerp.web.form.FieldCharReadonly.extend({
template: 'FieldURI.readonly',
scheme: null,
set_value: function (value) {
var displayed = this._super.apply(this, arguments);
this.$element.find('a')
.attr('href', this.scheme + ':' + displayed)
.text(displayed);
}
});
openerp.web.form.FieldEmailReadonly = openerp.web.form.FieldURIReadonly.extend({
scheme: 'mailto'
});
openerp.web.form.FieldUrlReadonly = openerp.web.form.FieldURIReadonly.extend({
set_value: function (value) {
var s = /(\w+):(\.+)/.match(value);
if (!(s[0] === 'http' || s[0] === 'https')) { return; }
this.scheme = s[0];
this._super(s[1]);
}
});
openerp.web.form.FieldBooleanReadonly = openerp.web.form.FieldCharReadonly.extend({
set_value: function (value) {
this._super(value ? '✔' : '✘');
}
});
openerp.web.form.FieldSelectionReadonly = openerp.web.form.FieldCharReadonly.extend({
init: function(view, node) {
// lifted straight from r/w version
var self = this;
this._super(view, node);
this.values = this.field.selection;
_.each(this.values, function(v, i) {
if (v[0] === false && v[1] === '') {
self.values.splice(i, 1);
}
});
this.values.unshift([false, '']);
},
set_value: function (value) {
value = value === null ? false : value;
value = value instanceof Array ? value[0] : value;
var option = _(this.values)
.detect(function (record) { return record[0] === value; });
this._super(option ? option[1] : this.values[0][1]);
}
});
openerp.web.form.FieldMany2OneReadonly = openerp.web.form.FieldCharReadonly.extend({
set_value: function (value) {
value = value || null;
this.invalid = false;
var self = this;
this.tmp_value = value;
self.update_dom();
self.on_value_changed();
var real_set_value = function(rval) {
self.$element.find('div').text(rval ? rval[1] : '');
};
if(typeof(value) === "number") {
var dataset = new openerp.web.DataSetStatic(
this, this.field.relation, self.build_context());
dataset.name_get([value], function(data) {
real_set_value(data[0]);
}).fail(function() {self.tmp_value = undefined;});
} else {
setTimeout(function() {real_set_value(value);}, 0);
}
}
});
/**
* Registry of form widgets, called by :js:`openerp.web.FormView`
*/
@ -2665,6 +2701,22 @@ openerp.web.form.widgets = new openerp.web.Registry({
'binary': 'openerp.web.form.FieldBinaryFile',
'statusbar': 'openerp.web.form.FieldStatus'
});
openerp.web.form.readonly = openerp.web.form.widgets.clone({
'notebook': 'openerp.web.form.WidgetNotebookReadonly',
'char': 'openerp.web.form.FieldCharReadonly',
'email': 'openerp.web.form.FieldEmailReadonly',
'url': 'openerp.web.form.FieldUrlReadonly',
'text': 'openerp.web.form.FieldCharReadonly',
'text_wiki' : 'openerp.web.form.FieldCharReadonly',
'date': 'openerp.web.form.FieldCharReadonly',
'datetime': 'openerp.web.form.FieldCharReadonly',
'selection' : 'openerp.web.form.FieldSelectionReadonly',
'many2one': 'openerp.web.form.FieldMany2OneReadonly',
'boolean': 'openerp.web.form.FieldBooleanReadonly',
'float': 'openerp.web.form.FieldCharReadonly',
'integer': 'openerp.web.form.FieldCharReadonly',
'float_time': 'openerp.web.form.FieldCharReadonly'
});
};

94
addons/web/static/src/xml/base.xml
View File

@ -730,23 +730,15 @@
</table>
</t>
<t t-name="WidgetNotebook">
<t t-if="widget.view.readonly">
<t t-foreach="widget.pages" t-as="page">
<h3><t t-esc="page.string"/></h3>
<t t-raw="page.render()"/>
</t>
</t>
<t t-if="!widget.view.readonly">
<ul>
<li t-foreach="widget.pages" t-as="page">
<a href="#">
<t t-esc="page.string"/>
</a>
</li>
</ul>
<t t-foreach="widget.pages" t-as="page">
<t t-raw="page.render()"/>
</t>
<ul>
<li t-foreach="widget.pages" t-as="page">
<a href="#">
<t t-esc="page.string"/>
</a>
</li>
</ul>
<t t-foreach="widget.pages" t-as="page">
<t t-raw="page.render()"/>
</t>
</t>
<t t-name="WidgetNotebookPage">
@ -754,6 +746,12 @@
<t t-call="WidgetFrame"/>
</div>
</t>
<t t-name="WidgetNotebook.readonly">
<t t-foreach="widget.pages" t-as="page">
<h3><t t-esc="page.string"/></h3>
<t t-raw="page.render()"/>
</t>
</t>
<t t-name="WidgetSeparator">
<div t-if="widget.orientation !== 'vertical'" t-att-class="'separator ' + widget.orientation">
<t t-esc="widget.string"/>
@ -772,15 +770,7 @@
<p class="oe_form_paragraph"><t t-esc="widget.string"/></p>
</t>
<t t-name="FieldChar">
<div
t-if="widget.view.readonly"
t-att-id="widget.element_id"
t-attf-class="field_#{widget.type} #{widget.element_class}"
t-attf-style="width: #{widget.field.translate ? '99' : '100'}%">
</div>
<input type="text" size="1"
t-if="!widget.view.readonly"
t-att-name="widget.name"
t-att-id="widget.element_id"
t-attf-class="field_#{widget.type} #{widget.element_class}"
@ -788,14 +778,23 @@
/>
<img class="oe_field_translate" t-if="widget.field.translate" src="/web/static/src/img/icons/terp-translate.png" width="16" height="16" border="0"/>
</t>
<t t-name="FieldChar.readonly">
<div
t-att-id="widget.element_id"
t-attf-class="field_#{widget.type} #{widget.element_class}"
t-attf-style="width: #{widget.field.translate ? '99' : '100'}%">
</div>
</t>
<t t-name="FieldURI.readonly">
<a href="#">#</a>
</t>
<t t-name="FieldEmail">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td width="100%">
<t t-call="FieldChar" t-if="!widget.view.readonly"/>
<a href="mailto:#" t-if="widget.view.readonly">#</a>
<t t-call="FieldChar"/>
</td>
<td width="16" t-if="!widget.view.readonly">
<td width="16">
<button type="button" class="button" title="Send an e-mail with your default e-mail client">
<img src="/web/static/src/img/icons/terp-mail-message-new.png"/>
</button>
@ -807,10 +806,9 @@
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td width="100%">
<t t-call="FieldChar" t-if="!widget.view.readonly"/>
<a href="mailto:#" t-if="widget.view.readonly">#</a>
<t t-call="FieldChar"/>
</td>
<td width="16" t-if="!widget.view.readonly">
<td width="16">
<button type="button" class="button" title="Open this resource">
<img src="/web/static/src/img/icons/gtk-ok.png"/>
</button>
@ -819,14 +817,7 @@
</table>
</t>
<t t-name="FieldText">
<div
t-if="widget.view.readonly"
t-att-name="widget.name"
t-att-id="widget.element_id"
t-attf-class="field_#{widget.type} #{widget.element_class}"
t-attf-style="width: #{widget.field.translate ? '99' : '100'}%"></div>
<textarea rows="6"
t-if="!widget.view.readonly"
t-att-name="widget.name"
t-att-id="widget.element_id"
t-attf-class="field_#{widget.type} #{widget.element_class}"
@ -836,26 +827,17 @@
</t>
<t t-name="FieldDate">
<t t-call="FieldChar"/>
<img t-if="!widget.view.readonly"
<img
class="oe_input_icon oe_datepicker_trigger" src="/web/static/src/img/ui/field_calendar.png"
title="Select date" width="16" height="16" border="0"/>
<div t-if="!widget.view.readonly"
<div
class="oe_datepicker ui-widget-content ui-corner-all" style="display: none; position: absolute; z-index: 1;">
<div class="oe_datepicker_container"/>
<button type="button" class="oe_datepicker_close ui-state-default ui-priority-primary ui-corner-all" style="float: right;">Done</button>
</div>
</t>
<t t-name="FieldSelection">
<div
t-if="widget.view.readonly"
t-att-name="widget.name"
t-att-id="widget.element_id + '_field'"
t-attf-class="field_#{widget.type} #{widget.element_class}"
style="width: 100%">
</div>
<select
t-if="!widget.view.readonly"
t-att-name="widget.name"
t-att-id="widget.element_id + '_field'"
t-attf-class="field_#{widget.type} #{widget.element_class}"
@ -866,11 +848,7 @@
</select>
</t>
<t t-name="FieldMany2One">
<div t-if="widget.view.readonly" class="oe-m2o">
</div>
<div t-if="!widget.view.readonly"
t-att-class="widget.element_class" class="oe-m2o">
<div t-att-class="widget.element_class" class="oe-m2o">
<input type="text" size="1" style="width: 100%;"/>
<span class="oe-m2o-drop-down-button">
<img src="/web/static/src/img/down-arrow.png" /></span>
@ -912,15 +890,7 @@
</table>
</t>
<t t-name="FieldBoolean">
<span
t-if="widget.view.readonly"
t-att-name="widget.name"
t-att-id="widget.element_id + '_field'"
t-attf-class="field_#{widget.type} #{widget.element_class}">
</span>
<input type="checkbox"
t-if="!widget.view.readonly"
t-att-name="widget.name"
t-att-id="widget.element_id + '_field'"
t-attf-class="field_#{widget.type} #{widget.element_class}"/>