forked from Techsystech/web
web_tree_image v11
parent
bf2c4fd77f
commit
49e5dd34c1
|
@ -1,4 +1,4 @@
|
||||||
.. image:: https://img.shields.io/badge/licence-AGPL--3-blue.svg
|
.. image:: https://img.shields.io/badge/licence-AGPL--3-blue.png
|
||||||
:alt: License: AGPL-3
|
:alt: License: AGPL-3
|
||||||
|
|
||||||
=====================================
|
=====================================
|
||||||
|
@ -7,7 +7,7 @@ Display images and icons in tree view
|
||||||
|
|
||||||
This module defines a tree image widget, to be used with either binary fields
|
This module defines a tree image widget, to be used with either binary fields
|
||||||
or (function) fields of type character. Use ``widget='image'`` in your view
|
or (function) fields of type character. Use ``widget='image'`` in your view
|
||||||
definition. Optionally, set a ``height`` attribute. Default height is 16px.
|
definition. Optionally, set a ``width`` attribute. Default width is 30px.
|
||||||
|
|
||||||
If you use the widget with a character field, the content of the field can be
|
If you use the widget with a character field, the content of the field can be
|
||||||
any of the following:
|
any of the following:
|
||||||
|
@ -24,8 +24,6 @@ any of the following:
|
||||||
Usage
|
Usage
|
||||||
=====
|
=====
|
||||||
|
|
||||||
This module defines a new widget type for tree views columns.
|
|
||||||
|
|
||||||
Set the attribute ``widget=image`` in a ``field`` tag in a tree view.
|
Set the attribute ``widget=image`` in a ``field`` tag in a tree view.
|
||||||
You can also set ``height=<height>`` to set the height the image will have.
|
You can also set ``height=<height>`` to set the height the image will have.
|
||||||
Note that this just sets the CSS ``max-height`` attribute,
|
Note that this just sets the CSS ``max-height`` attribute,
|
||||||
|
@ -43,6 +41,7 @@ Contributors
|
||||||
* Leonardo Donelli <donelli@webmonks.it>
|
* Leonardo Donelli <donelli@webmonks.it>
|
||||||
* Jay Vora <jay.vora@serpentcs.com>
|
* Jay Vora <jay.vora@serpentcs.com>
|
||||||
* Meet Dholakia <m.dholakia.serpentcs@gmail.com>
|
* Meet Dholakia <m.dholakia.serpentcs@gmail.com>
|
||||||
|
* Nikul Chaudhary <nikul.chaudhary.serpentcs@gmail.com>
|
||||||
|
|
||||||
Maintainer
|
Maintainer
|
||||||
----------
|
----------
|
||||||
|
@ -52,3 +51,9 @@ Maintainer
|
||||||
:target: https://odoo-community.org
|
:target: https://odoo-community.org
|
||||||
|
|
||||||
This module is maintained by the OCA.
|
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 https://odoo-community.org.
|
||||||
|
|
|
@ -1,33 +1,14 @@
|
||||||
# -*- coding: utf-8 -*-
|
# -*- coding: utf-8 -*-
|
||||||
##############################################################################
|
# Copyright 2014 Therp BV (<http://therp.nl>).
|
||||||
#
|
# Copyright 2015 Leonardo Donelli @ MONKSoftware
|
||||||
# OpenERP, Open Source Management Solution
|
# Copyright 2013 Marcel van der Boom <marcel@hsdev.com>
|
||||||
# This module copyright (C) 2014 Therp BV (<http://therp.nl>).
|
# Copyright 2016 - TODAY Serpent Consulting Services Pvt. Ltd.
|
||||||
# copyright (C) 2015 Leonardo Donelli @ MONKSoftware
|
|
||||||
#
|
|
||||||
# Snippet from https://github.com/hsd/listview_images
|
|
||||||
# Copyright (C) 2013 Marcel van der Boom <marcel@hsdev.com>
|
|
||||||
#
|
|
||||||
# Copyright (C) 2016 Serpent Consulting Services Pvt. Ltd.
|
|
||||||
# (<http://www.serpentcs.com>)
|
# (<http://www.serpentcs.com>)
|
||||||
#
|
# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
|
||||||
# This program is free software: you can redistribute it and/or modify
|
|
||||||
# it under the terms of the GNU Affero 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 Affero General Public License for more details.
|
|
||||||
#
|
|
||||||
# You should have received a copy of the GNU Affero General Public License
|
|
||||||
# along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
||||||
#
|
|
||||||
##############################################################################
|
|
||||||
{
|
{
|
||||||
'name': 'Show images in tree views',
|
'name': 'Show images in tree views',
|
||||||
'version': '10.0.1.1.0',
|
'version': '11.0.1.0.0',
|
||||||
'author': "Therp BV, "
|
'author': "Therp BV, "
|
||||||
"MONK Software, "
|
"MONK Software, "
|
||||||
"Odoo Community Association (OCA), "
|
"Odoo Community Association (OCA), "
|
||||||
|
@ -38,9 +19,6 @@
|
||||||
'depends': [
|
'depends': [
|
||||||
'web',
|
'web',
|
||||||
],
|
],
|
||||||
'qweb': [
|
|
||||||
'static/src/xml/widget.xml',
|
|
||||||
],
|
|
||||||
'data': [
|
'data': [
|
||||||
'view/assets.xml',
|
'view/assets.xml',
|
||||||
],
|
],
|
||||||
|
|
|
@ -0,0 +1,17 @@
|
||||||
|
odoo.define('web_tree_image.web_tree_image', function(require) {
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
var ListRenderer = require('web.ListRenderer');
|
||||||
|
|
||||||
|
ListRenderer.include({
|
||||||
|
events: _.extend({}, ListRenderer.prototype.events, {
|
||||||
|
'mouseover tbody tr td .o_field_image': '_onHoverRecord_img',
|
||||||
|
}),
|
||||||
|
_onHoverRecord_img: function (event) {
|
||||||
|
var img_src = $(event.currentTarget).children('.img-responsive').attr('src')
|
||||||
|
$(event.currentTarget).tooltip({
|
||||||
|
title: "<img src="+img_src+" />"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
})
|
|
@ -1,69 +0,0 @@
|
||||||
/*
|
|
||||||
OpenERP, Open Source Management Solution
|
|
||||||
This module copyright (C) 2014 Therp BV (<http://therp.nl>)
|
|
||||||
(C) 2013 Marcel van der Boom <marcel@hsdev.com>
|
|
||||||
Copyright (C) 2016 Serpent Consulting Services Pvt. Ltd.
|
|
||||||
(<http://www.serpentcs.com>)
|
|
||||||
|
|
||||||
This program is free software: you can redistribute it and/or modify
|
|
||||||
it under the terms of the GNU Affero 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 Affero General Public License for more details.
|
|
||||||
|
|
||||||
You should have received a copy of the GNU Affero General Public License
|
|
||||||
along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
||||||
*/
|
|
||||||
|
|
||||||
odoo.define('web.WebTreeImage', function (require) {
|
|
||||||
"use strict";
|
|
||||||
var core = require('web.core');
|
|
||||||
var session = require('web.session');
|
|
||||||
var QWeb = core.qweb;
|
|
||||||
var list_widget_registry = core.list_widget_registry;
|
|
||||||
|
|
||||||
var WebTreeImage = list_widget_registry.get('field.binary').extend({
|
|
||||||
format: function (row_data, options) {
|
|
||||||
/* Return a valid img tag. For image fields, test if the
|
|
||||||
field's value contains just the binary size and retrieve
|
|
||||||
the image from the dedicated controller in that case.
|
|
||||||
Otherwise, assume a character field containing either a
|
|
||||||
stock Odoo icon name without path or extension or a fully
|
|
||||||
fledged location or data url */
|
|
||||||
if (!row_data[this.id] || !row_data[this.id].value) {
|
|
||||||
return '';
|
|
||||||
}
|
|
||||||
var value = row_data[this.id].value, src;
|
|
||||||
if (this.type === 'binary') {
|
|
||||||
if (value && value.substr(0, 10).indexOf(' ') === -1) {
|
|
||||||
// The media subtype (png) seems to be arbitrary
|
|
||||||
src = "data:image/png;base64," + value;
|
|
||||||
} else {
|
|
||||||
var imageArgs = {
|
|
||||||
model: options.model,
|
|
||||||
field: this.id,
|
|
||||||
id: options.id
|
|
||||||
}
|
|
||||||
if (this.resize) {
|
|
||||||
imageArgs.resize = this.resize;
|
|
||||||
}
|
|
||||||
src = session.url('/web/binary/image', imageArgs);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
if (!/\//.test(row_data[this.id].value)) {
|
|
||||||
src = '/web/static/src/img/icons/' + row_data[this.id].value + '.png';
|
|
||||||
} else {
|
|
||||||
src = row_data[this.id].value;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return QWeb.render('ListView.row.image', {widget: this, src: src});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
list_widget_registry
|
|
||||||
.add('field.image', WebTreeImage)
|
|
||||||
});
|
|
|
@ -0,0 +1,3 @@
|
||||||
|
.o_image_cell .o_field_image img{
|
||||||
|
width:30px;
|
||||||
|
}
|
|
@ -1,6 +0,0 @@
|
||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<templates id="template" xml:space="preserve">
|
|
||||||
<img t-name="ListView.row.image"
|
|
||||||
t-att-height="widget.height || 16"
|
|
||||||
t-att-src="src" />
|
|
||||||
</templates>
|
|
|
@ -1,10 +1,11 @@
|
||||||
<?xml version="1.0" encoding="UTF-8"?>
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
<openerp>
|
<odoo>
|
||||||
<data>
|
|
||||||
<template id="assets_backend" name="tree icon assets" inherit_id="web.assets_backend">
|
<template id="assets_backend" name="tree icon assets" inherit_id="web.assets_backend">
|
||||||
<xpath expr="." position="inside">
|
<xpath expr="." position="inside">
|
||||||
<script type="text/javascript" src="/web_tree_image/static/src/js/web_tree_image.js"></script>
|
<link rel='stylesheet' href='/web_tree_image/static/src/less/common.less'/>
|
||||||
|
<script type="text/javascript" src="/web_tree_image/static/src/js/tooltip.js"/>
|
||||||
</xpath>
|
</xpath>
|
||||||
</template>
|
</template>
|
||||||
</data>
|
|
||||||
</openerp>
|
</odoo>
|
||||||
|
|
Loading…
Reference in New Issue