Techsystech
/
web_techsystech
forked from Techsystech/web
3
0
Fork 0
Code Pull Requests Activity

[MIG] web_tree_image v11

11.0
Nikul Chaudhary 2018-07-31 13:00:32 +05:30
parent 721874e7d4
commit 0c48ab560a
7 changed files with 46 additions and 117 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web_tree_image/README.rst
View File

@ -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
=====================================
@ -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
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
any of the following:
@ -24,8 +24,6 @@ any of the following:
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.
You can also set ``height=<height>`` to set the height the image will have.
Note that this just sets the CSS ``max-height`` attribute,
@ -43,6 +41,7 @@ Contributors
* Leonardo Donelli <donelli@webmonks.it>
* Jay Vora <jay.vora@serpentcs.com>
* Meet Dholakia <m.dholakia.serpentcs@gmail.com>
* Nikul Chaudhary <nikul.chaudhary.serpentcs@gmail.com>
Maintainer
----------
@ -52,3 +51,9 @@ Maintainer
:target: https://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 https://odoo-community.org.

36
web_tree_image/__manifest__.py
View File

@ -1,33 +1,14 @@
# -*- coding: utf-8 -*-
##############################################################################
#
# OpenERP, Open Source Management Solution
# This module copyright (C) 2014 Therp BV (<http://therp.nl>).
# 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.
# Copyright 2014 Therp BV (<http://therp.nl>).
# Copyright 2015 Leonardo Donelli @ MONKSoftware
# Copyright 2013 Marcel van der Boom <marcel@hsdev.com>
# Copyright 2016 - TODAY 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/>.
#
##############################################################################
# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
{
'name': 'Show images in tree views',
'version': '10.0.1.1.0',
'version': '11.0.1.0.0',
'author': "Therp BV, "
"MONK Software, "
"Odoo Community Association (OCA), "
@ -38,9 +19,6 @@
'depends': [
'web',
],
'qweb': [
'static/src/xml/widget.xml',
],
'data': [
'view/assets.xml',
],

17
web_tree_image/static/src/js/tooltip.js 100644
View File

@ -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+" />"
});
}
});
})

69
web_tree_image/static/src/js/web_tree_image.js
View File

@ -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)
});

3
web_tree_image/static/src/less/common.less 100644
View File

@ -0,0 +1,3 @@
.o_image_cell .o_field_image img{
width:30px;
}

6
web_tree_image/static/src/xml/widget.xml
View File

@ -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>

19
web_tree_image/view/assets.xml
View File

@ -1,10 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<openerp>
<data>
<template id="assets_backend" name="tree icon assets" inherit_id="web.assets_backend">
<xpath expr="." position="inside">
<script type="text/javascript" src="/web_tree_image/static/src/js/web_tree_image.js"></script>
</xpath>
</template>
</data>
</openerp>
<odoo>
<template id="assets_backend" name="tree icon assets" inherit_id="web.assets_backend">
<xpath expr="." position="inside">
<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>
</template>
</odoo>