Merge branch '7.0' of https://github.com/OCA/web into 7.0-web_dashboard_tile-improve
pull/111/head
-
3web_advanced_filters/wizard/ir_filters_combine_with_existing.py
-
41web_m2x_options/README.rst
-
75web_m2x_options/static/src/js/form.js
-
25web_widget_color/__init__.py
-
140web_widget_color/__openerp__.py
-
BINweb_widget_color/static/lib/jscolor/arrow.gif
-
BINweb_widget_color/static/lib/jscolor/cross.gif
-
12web_widget_color/static/lib/jscolor/demo.html
-
BINweb_widget_color/static/lib/jscolor/hs.png
-
BINweb_widget_color/static/lib/jscolor/hv.png
-
1010web_widget_color/static/lib/jscolor/jscolor.js
-
23web_widget_color/static/src/css/widget.css
-
BINweb_widget_color/static/src/img/form_view.png
-
BINweb_widget_color/static/src/img/icon.png
-
BINweb_widget_color/static/src/img/list_view.png
-
BINweb_widget_color/static/src/img/picker.png
-
59web_widget_color/static/src/js/widget.js
-
24web_widget_color/static/src/xml/widget.xml
@ -0,0 +1,25 @@ |
|||
# -*- encoding: utf-8 -*- |
|||
############################################################################ |
|||
# |
|||
# Odoo, Open Source Web Color |
|||
# Copyright (C) 2012 Savoir-faire Linux (<http://www.savoirfairelinux.com>). |
|||
# Copyright (C) 2014 Anybox <http://anybox.fr> |
|||
# Copyright (C) 2015 Taktik SA <http://taktik.be> |
|||
# |
|||
# This program is free software: you can redistribute it and/or modify |
|||
# it under the terms of the GNU General Public License as |
|||
# published by the Free Software Foundation, either version 3 of the |
|||
# License, or (at your option) any later version. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU General Public License for more details. |
|||
# |
|||
# You should have received a copy of the GNU General Public License |
|||
# along with this program. If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
# @author Étienne Beaudry Auger <etienne.b.auger@savoirfairelinux.com> |
|||
# @author Adil Houmadi <ah@taktik.be> |
|||
# |
|||
############################################################################## |
@ -0,0 +1,140 @@ |
|||
# -*- encoding: utf-8 -*- |
|||
############################################################################ |
|||
# |
|||
# Odoo, Open Source Web Widget Color |
|||
# Copyright (C) 2012 Savoir-faire Linux (<http://www.savoirfairelinux.com>). |
|||
# Copyright (C) 2014 Anybox <http://anybox.fr> |
|||
# Copyright (C) 2015 Taktik SA <http://taktik.be> |
|||
# |
|||
# This program is free software: you can redistribute it and/or modify |
|||
# it under the terms of the GNU General Public License as |
|||
# published by the Free Software Foundation, either version 3 of the |
|||
# License, or (at your option) any later version. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU General Public License for more details. |
|||
# |
|||
# You should have received a copy of the GNU General Public License |
|||
# along with this program. If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
# @author Étienne Beaudry Auger <etienne.b.auger@savoirfairelinux.com> |
|||
# @author Adil Houmadi <ah@taktik.be> |
|||
# |
|||
############################################################################## |
|||
{ |
|||
'name': "Web Widget Color", |
|||
'category': "web", |
|||
'version': "1.0", |
|||
'depends': ['base', 'web'], |
|||
'description': ''' |
|||
Color widget for Odoo web client |
|||
================================ |
|||
|
|||
This module aims to add a color picker to Odoo. |
|||
|
|||
It's a `jsColor <http://jscolor.com/>`_ lib integration. |
|||
|
|||
|
|||
Features |
|||
======== |
|||
|
|||
* The picker allow the user to quickly select a color on edit mode |
|||
|
|||
|picker| |
|||
|
|||
.. note:: |
|||
|
|||
Notice how html code and the background color is updating when selecting |
|||
a color. |
|||
|
|||
|
|||
* Display the color on form view when you are not editing it |
|||
|
|||
|formview| |
|||
|
|||
* Display the color on list view to quickly find what's wrong! |
|||
|
|||
|listview| |
|||
|
|||
|
|||
Requirements |
|||
============ |
|||
|
|||
This module has been ported to 8.0 |
|||
|
|||
|
|||
Usage |
|||
===== |
|||
|
|||
You need to declare a char field of at least size 7:: |
|||
|
|||
_columns = { |
|||
'color': fields.char( |
|||
u"Couleur", |
|||
help=u"Toutes couleur valid css, exemple blue ou #f57900" |
|||
), |
|||
} |
|||
|
|||
OR |
|||
|
|||
color = fields.Char( |
|||
string="Color", |
|||
help="Choose your color" |
|||
) |
|||
|
|||
|
|||
In the view declaration, put widget='color' attribute in the field tag:: |
|||
|
|||
... |
|||
<field name="arch" type="xml"> |
|||
<tree string="View name"> |
|||
... |
|||
<field name="name"/> |
|||
<field name="color" widget="color"/> |
|||
... |
|||
</tree> |
|||
</field> |
|||
... |
|||
|
|||
.. |picker| image:: /web_widget_color/static/src/img/picker.png |
|||
.. |formview| image:: /web_widget_color/static/src/img/form_view.png |
|||
.. |listview| image:: /web_widget_color/static/src/img/list_view.png |
|||
|
|||
Credits |
|||
======= |
|||
|
|||
Contributors |
|||
------------ |
|||
|
|||
* Adil Houmadi <adil.houmadi@gmail.com> |
|||
|
|||
Maintainer |
|||
---------- |
|||
|
|||
.. image:: http://odoo-community.org/logo.png |
|||
:alt: Odoo Community Association |
|||
:target: http://odoo-community.org |
|||
|
|||
This module is maintained by the OCA. |
|||
|
|||
OCA, or the Odoo Community Association, is a nonprofit organization whose |
|||
mission is to support the collaborative development of Odoo features and |
|||
promote its widespread use. |
|||
|
|||
To contribute to this module, please visit http://odoo-community.org.''', |
|||
'qweb': [ |
|||
'static/src/xml/widget.xml', |
|||
], |
|||
'css': [ |
|||
'static/src/css/widget.css', |
|||
], |
|||
'js': [ |
|||
'static/lib/jscolor/jscolor.js', |
|||
'static/src/js/widget.js', |
|||
], |
|||
'auto_install': False, |
|||
'installable': True, |
|||
'web_preload': True, |
|||
} |
After Width: 7 | Height: 11 | Size: 66 B |
After Width: 15 | Height: 15 | Size: 83 B |
@ -0,0 +1,12 @@ |
|||
<html> |
|||
<head> |
|||
<title>jscolor demo</title> |
|||
</head> |
|||
<body> |
|||
|
|||
<script type="text/javascript" src="jscolor.js"></script> |
|||
|
|||
Click here: <input class="color" value="66ff00"> |
|||
|
|||
</body> |
|||
</html> |
After Width: 181 | Height: 101 | Size: 2.6 KiB |
After Width: 181 | Height: 101 | Size: 2.8 KiB |
1010
web_widget_color/static/lib/jscolor/jscolor.js
File diff suppressed because it is too large
View File
@ -0,0 +1,23 @@ |
|||
.openerp .oe_form .oe_form_field_color input { |
|||
width: 100%; |
|||
} |
|||
|
|||
.openerp .oe_form .oe_form_field_color div { |
|||
border: 1px solid; |
|||
display: inline-block; |
|||
height: 14px; |
|||
margin-right: 10px; |
|||
position: relative; |
|||
top: 3px; |
|||
width: 40px; |
|||
} |
|||
|
|||
.oe_list_field_color div { |
|||
border: 1px solid; |
|||
display: inline-block; |
|||
height: 14px; |
|||
margin-right: 10px; |
|||
position: relative; |
|||
top: 3px; |
|||
width: 40px; |
|||
} |
After Width: 307 | Height: 62 | Size: 1.8 KiB |
After Width: 64 | Height: 64 | Size: 3.4 KiB |
After Width: 570 | Height: 217 | Size: 14 KiB |
After Width: 266 | Height: 179 | Size: 5.9 KiB |
@ -0,0 +1,59 @@ |
|||
openerp.web_widget_color = function (instance) { |
|||
|
|||
var _super_getDir = jscolor.getDir.prototype; |
|||
jscolor.getDir = function () { |
|||
var dir = _super_getDir.constructor(); |
|||
if (dir.indexOf('web_widget_color') === -1) { |
|||
jscolor.dir = 'web_widget_color/static/lib/jscolor/'; |
|||
} |
|||
return jscolor.dir; |
|||
}; |
|||
|
|||
instance.web.form.widgets.add('color', 'instance.web.form.FieldColor'); |
|||
|
|||
instance.web.search.fields.add('color', 'instance.web.search.CharField'); |
|||
|
|||
instance.web.form.FieldColor = instance.web.form.FieldChar.extend({ |
|||
template: 'FieldColor', |
|||
widget_class: 'oe_form_field_color', |
|||
is_syntax_valid: function () { |
|||
var $input = this.$('input'); |
|||
if (!this.get("effective_readonly") && $input.size() > 0) { |
|||
var val = $input.val(); |
|||
var isOk = /^#[0-9A-F]{6}$/i.test(val); |
|||
if (!isOk) { |
|||
return false; |
|||
} |
|||
try { |
|||
this.parse_value(this.$('input').val(), ''); |
|||
return true; |
|||
} catch (e) { |
|||
return false; |
|||
} |
|||
} |
|||
return true; |
|||
}, |
|||
render_value: function () { |
|||
var show_value = this.format_value(this.get('value'), ''); |
|||
if (!this.get("effective_readonly")) { |
|||
var $input = this.$el.find('input'); |
|||
$input.val(show_value); |
|||
$input.css("background-color", show_value) |
|||
jscolor.init(this.$el[0]); |
|||
} else { |
|||
this.$(".oe_form_char_content").text(show_value); |
|||
this.$('div').css("background-color", show_value) |
|||
} |
|||
} |
|||
}); |
|||
|
|||
/* |
|||
* Init jscolor for each editable mode on view form |
|||
*/ |
|||
instance.web.FormView.include({ |
|||
to_edit_mode: function () { |
|||
this._super(); |
|||
jscolor.init(this.$el[0]); |
|||
} |
|||
}); |
|||
}; |
@ -0,0 +1,24 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<templates> |
|||
<t t-name="FieldColor"> |
|||
<span t-att-class="'oe_form_field '+widget.widget_class" t-att-style="widget.node.attrs.style"> |
|||
<t t-if="!widget.get('effective_readonly')"> |
|||
<input type="text" |
|||
t-att-id="widget.id_for_label" |
|||
t-att-tabindex="widget.node.attrs.tabindex" |
|||
t-att-autofocus="widget.node.attrs.autofocus" |
|||
t-att-placeholder="widget.node.attrs.placeholder" |
|||
t-att-maxlength="widget.field.size" |
|||
class="color {hash:true}" |
|||
/> |
|||
</t> |
|||
<t t-if="widget.get('effective_readonly')"> |
|||
<div/> |
|||
<span class="oe_form_char_content"></span> |
|||
</t> |
|||
</span> |
|||
</t> |
|||
<tr t-extend="ListView.row"> |
|||
<t t-jquery="t td t" t-operation="replace"><t t-if="column.widget =='color' || column.type == 'color'"><div t-att-style="'background-color:' + render_cell(record, column)"/></t><t t-raw="render_cell(record, column)"/></t> |
|||
</tr> |
|||
</templates> |