Merge pull request #870 from arkostyuk/11.0-mig-web_widget_bokeh_chart

[11.0][MIG] web_widget_bokeh_chart

requirements.txt

@@ -0,0 +1,2 @@
+# web_widget_bokeh_chart
+bokeh==0.12.7

web_widget_bokeh_chart/README.rst

@@ -0,0 +1,98 @@
+.. image:: https://img.shields.io/badge/licence-LGPL--3-blue.svg
+    :alt: License LGPL-3
+
+======================
+Web Widget Bokeh Chart
+======================
+
+This module add the posibility to insert Bokeh charts into Odoo standard views.
+
+.. image:: /web_widget_bokeh_chart/static/description/example.png
+   :alt: Bokeh Chart inserted into an Odoo view
+   :width: 600 px
+
+`Bokeh <https://bokeh.pydata.org>`__ is a Python interactive visualization
+library that targets modern web browsers for presentation. Its goal is to
+provide elegant, concise construction of basic exploratory and advanced
+custom graphics in the style of D3.js, but also deliver this capability with
+high-performance interactivity over very large or streaming datasets. Bokeh
+can help anyone who would like to quickly and easily create interactive
+plots, dashboards, and data applications.
+
+If you want to see some samples of bokeh's capabilities follow this `link
+<https://bokeh.pydata.org/en/latest/docs/gallery.html>`_.
+
+Installation
+============
+
+You need to install the python bokeh library::
+
+    pip install bokeh==0.12.7
+
+Usage
+=====
+
+To insert a Bokeh chart in a view proceed as follows:
+
+#. Declare a text computed field like this::
+
+    bokeh_chart = fields.Text(
+        string='Bokeh Chart',
+        compute='_compute_bokeh_chart',
+    )
+
+#. In its computed method do::
+
+    def _compute_bokeh_chart(self):
+        for rec in self:
+            # Design your bokeh figure:
+            p = figure()  # import that as `from bokeh.plotting import figure`
+            line = p.line([0, 2], [1, 8], line_width=5)
+            # (...)
+            # `p.html.data` contains both markup and the script of a chart.
+            rec.bokeh_chart = p.html.data
+
+#. In the view, add something like this wherever you want to display your
+   bokeh chart::
+
+    <div>
+        <field name="bokeh_chart" widget="bokeh_chart" nolabel="1"/>
+    </div>
+
+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 smash it by providing detailed and
+welcomed feedback.
+
+Credits
+=======
+
+* This module uses the library `Bokeh <https://github.com/bokeh/bokeh>`__
+  which is under the open-source BSD 3-clause "New" or "Revised" License.
+  Copyright (c) 2012, Anaconda, Inc.
+* Odoo Community Association (OCA)
+
+Contributors
+------------
+
+* Jordi Ballester Alomar <jordi.ballester@eficent.com>
+* Lois Rilo Antelo <lois.rilo@eficent.com>
+* Artem Kostyuk <a.kostyuk@mobilunity.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.

web_widget_bokeh_chart/__manifest__.py

@@ -0,0 +1,21 @@
+# Copyright 2017 Eficent Business and IT Consulting Services S.L.
+# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl).#
+
+{
+    "name": "Web Widget Bokeh Chart",
+    "category": "Hidden",
+    "summary": "This widget allows to display charts using Bokeh library.",
+    "author": "Eficent, "
+              "Odoo Community Association (OCA)",
+    "version": "11.0.1.0.0",
+    "website": "https://github.com/OCA/web",
+    "depends": ["web"],
+    "data": [
+        "views/web_widget_bokeh_chart.xml",
+    ],
+    "external_dependencies": {
+        "python": ['bokeh'],
+    },
+    "auto_install": False,
+    "license": "AGPL-3",
+}

web_widget_bokeh_chart/static/src/js/web_widget_bokeh_chart.js

@@ -0,0 +1,17 @@
+odoo.define('web_widget_bokeh_chart', function (require) {
+"use strict";
+
+    var fieldRegistry = require('web.field_registry');
+    var AbstractField = require('web.AbstractField');
+
+    var BokehChartWidget = AbstractField.extend({
+        start: function() {
+            var val = this.value;
+            this.$el.html(val);
+        }
+    });
+    fieldRegistry.add('bokeh_chart', BokehChartWidget);
+    return {
+        BokehChartWidget: BokehChartWidget
+    };
+});

web_widget_bokeh_chart/views/web_widget_bokeh_chart.xml

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+    <template id="assets_backend" name="web_widget_bokeh_chart assets"
+              inherit_id="web.assets_backend">
+        <xpath expr="." position="inside">
+            <link rel="stylesheet" href="/web_widget_bokeh_chart/static/src/lib/bokeh/bokeh-0.12.7.css"/>
+            <link rel="stylesheet" href="/web_widget_bokeh_chart/static/src/lib/bokeh/bokeh-widgets-0.12.7.css"/>
+            <script type="text/javascript" src="/web_widget_bokeh_chart/static/src/lib/bokeh/bokeh-0.12.7.js"/>
+            <script type="text/javascript" src="/web_widget_bokeh_chart/static/src/lib/bokeh/bokeh-widgets-0.12.7.js"/>
+            <script type="text/javascript" src="/web_widget_bokeh_chart/static/src/js/web_widget_bokeh_chart.js"/>
+        </xpath>
+    </template>
+
+</odoo>