@ -1,104 +0,0 @@ |
|||||
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:: ./images/picker.png |
|
||||
.. |formview| image:: ./images/form_view.png |
|
||||
.. |listview| image:: ./images/list_view.png |
|
||||
|
|
||||
|
|
||||
Bug Tracker |
|
||||
=========== |
|
||||
|
|
||||
Bugs are tracked on `GitHub Issues <https://github.com/OCA/web/issues>`_. |
|
||||
In case of trouble, please check there if your issue has already been reported. |
|
||||
If you spotted it first, help us smashing it by providing a detailed and welcomed feedback |
|
||||
`here <https://github.com/OCA/web/issues/new?body=module:%20web_widget_color%0Aversion:%208.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**>`_. |
|
||||
|
|
||||
|
|
||||
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. |
|
@ -1,25 +0,0 @@ |
|||||
# -*- 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> |
|
||||
# |
|
||||
############################################################################## |
|
@ -1,44 +0,0 @@ |
|||||
# -*- 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", |
|
||||
"author": "Savoir-faire Linux, " |
|
||||
"Anybox, " |
|
||||
"Taktik SA, " |
|
||||
"Odoo Community Association (OCA)", |
|
||||
'depends': ['base', 'web'], |
|
||||
'data': [ |
|
||||
'view/web_widget_color_view.xml' |
|
||||
], |
|
||||
'qweb': [ |
|
||||
'static/src/xml/widget.xml', |
|
||||
], |
|
||||
'auto_install': False, |
|
||||
'installable': True, |
|
||||
'web_preload': True, |
|
||||
} |
|
Before Width: | Height: | Size: 1.8 KiB |
Before Width: | Height: | Size: 14 KiB |
Before Width: | Height: | Size: 5.9 KiB |
Before Width: | Height: | Size: 3.4 KiB |
@ -1,23 +0,0 @@ |
|||||
.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; |
|
||||
} |
|
@ -1,59 +0,0 @@ |
|||||
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]); |
|
||||
} |
|
||||
}); |
|
||||
}; |
|
@ -1,24 +0,0 @@ |
|||||
<?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> |
|
@ -1,12 +0,0 @@ |
|||||
<?xml version="1.0" encoding="UTF-8"?> |
|
||||
<openerp> |
|
||||
<data> |
|
||||
<template id="assets_backend" name="web_widget_color assets" inherit_id="web.assets_backend"> |
|
||||
<xpath expr="." position="inside"> |
|
||||
<link rel="stylesheet" href="/web_widget_color/static/src/css/widget.css"/> |
|
||||
<script type="text/javascript" src="/web_widget_color/static/lib/jscolor/jscolor.js"></script> |
|
||||
<script type="text/javascript" src="/web_widget_color/static/src/js/widget.js"></script> |
|
||||
</xpath> |
|
||||
</template> |
|
||||
</data> |
|
||||
</openerp> |
|
Before Width: | Height: | Size: 959 B After Width: | Height: | Size: 959 B |
Before Width: | Height: | Size: 104 KiB After Width: | Height: | Size: 104 KiB |
Before Width: | Height: | Size: 56 KiB After Width: | Height: | Size: 56 KiB |
Before Width: | Height: | Size: 34 KiB After Width: | Height: | Size: 34 KiB |
Before Width: | Height: | Size: 85 KiB After Width: | Height: | Size: 85 KiB |
Before Width: | Height: | Size: 49 KiB After Width: | Height: | Size: 49 KiB |
Before Width: | Height: | Size: 545 KiB After Width: | Height: | Size: 545 KiB |
Before Width: | Height: | Size: 112 KiB After Width: | Height: | Size: 112 KiB |
Before Width: | Height: | Size: 167 KiB After Width: | Height: | Size: 167 KiB |