Luis
5 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
18 changed files with 16515 additions and 0 deletions
-
133web_widget_table/README.rst
-
1web_widget_table/__init__.py
-
20web_widget_table/__manifest__.py
-
6web_widget_table/readme/CONTRIBUTORS.rst
-
2web_widget_table/readme/CREDITS.rst
-
1web_widget_table/readme/DESCRIPTION.rst
-
37web_widget_table/readme/USAGE.rst
-
6web_widget_table/static/css/web_widget.css
-
473web_widget_table/static/description/index.html
-
BINweb_widget_table/static/images/sort_asc.png
-
BINweb_widget_table/static/images/sort_asc_disabled.png
-
BINweb_widget_table/static/images/sort_both.png
-
BINweb_widget_table/static/images/sort_desc.png
-
BINweb_widget_table/static/images/sort_desc_disabled.png
-
55web_widget_table/static/js/web_widget_table.js
-
460web_widget_table/static/lib/dt-1.10.18-datatables.css
-
15308web_widget_table/static/lib/jsdt-1.10.18-datatables.js
-
13web_widget_table/views/assets.xml
@ -0,0 +1,133 @@ |
|||
==================== |
|||
Web Datatable Widget |
|||
==================== |
|||
|
|||
.. !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! |
|||
!! This file is generated by oca-gen-addon-readme !! |
|||
!! changes will be overwritten. !! |
|||
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! |
|||
|
|||
.. |badge1| image:: https://img.shields.io/badge/maturity-Beta-yellow.png |
|||
:target: https://odoo-community.org/page/development-status |
|||
:alt: Beta |
|||
.. |badge2| image:: https://img.shields.io/badge/licence-AGPL--3-blue.png |
|||
:target: http://www.gnu.org/licenses/agpl-3.0-standalone.html |
|||
:alt: License: AGPL-3 |
|||
.. |badge3| image:: https://img.shields.io/badge/github-OCA%2Fweb-lightgray.png?logo=github |
|||
:target: https://github.com/OCA/web/tree/11.0/web_widget_table |
|||
:alt: OCA/web |
|||
.. |badge4| image:: https://img.shields.io/badge/weblate-Translate%20me-F47D42.png |
|||
:target: https://translation.odoo-community.org/projects/web-11-0/web-11-0-web_widget_table |
|||
:alt: Translate me on Weblate |
|||
.. |badge5| image:: https://img.shields.io/badge/runbot-Try%20me-875A7B.png |
|||
:target: https://runbot.odoo-community.org/runbot/162/11.0 |
|||
:alt: Try me on Runbot |
|||
|
|||
|badge1| |badge2| |badge3| |badge4| |badge5| |
|||
|
|||
A module to add datatable https://datatables.net/ as a widget |
|||
|
|||
**Table of contents** |
|||
|
|||
.. contents:: |
|||
:local: |
|||
|
|||
Usage |
|||
===== |
|||
|
|||
Use this widget by saying: |
|||
|
|||
.. code-block:: xml |
|||
|
|||
<field name="my_table" widget="widget_table" options="{ |
|||
'field_name': 'child_ids', |
|||
'datatable_params':{'searching': False, |
|||
'paging': False, |
|||
'info': False}, |
|||
'fields': ['name','date_start', 'date_end', 'real_date_start', 'real_date_end', 'total_time'], |
|||
'headers': ['Name','Date Start', 'Date End', 'Real Date Start', 'Real Date End', 'Total Time']}"/> |
|||
|
|||
"my_table" field must be of type char, it is only used to display the table. For example: |
|||
|
|||
.. code-block:: python |
|||
|
|||
my_table = fields.Char( |
|||
store=False) |
|||
|
|||
You need to pass the following parameters: |
|||
|
|||
field_name |
|||
This required parameter indicates a One2many field present in the model from which |
|||
the fields parameter will refer |
|||
fields |
|||
This required parameter is a list that indicates the fields from child_ids records |
|||
that will be displayed in the datatable |
|||
headers |
|||
The required parameter is a list of used string to display in the table header, |
|||
they should be in the same order as the fields |
|||
datatable_params |
|||
This is to pass the datatable parameters https://datatables.net/manual/options, like: |
|||
paging; |
|||
info; |
|||
searching; |
|||
scrollY; |
|||
etc. |
|||
|
|||
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 <https://github.com/OCA/web/issues/new?body=module:%20web_widget_table%0Aversion:%2011.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**>`_. |
|||
|
|||
Do not contact contributors directly about support or help with technical issues. |
|||
|
|||
Credits |
|||
======= |
|||
|
|||
Authors |
|||
~~~~~~~ |
|||
|
|||
* Savoir-faire Linux |
|||
|
|||
Contributors |
|||
~~~~~~~~~~~~ |
|||
|
|||
* Luis Garcia (luis.garcia@savoirfairelinux.com) |
|||
* Rim Ben Dhaou (rim.bendhaou@savoirfairelinux.com) |
|||
* Larbi Gharib (larbi.gharib@savoirfairelinux.com) |
|||
* William Beverly (william.beverly@savoirfairelinux.com) |
|||
* Jananjoy Rajkumar (jananjoy.rajkumar@savoirfairelinux.com) |
|||
* Pierre Gault (pierre.gault@savoirfairelinux.com) |
|||
|
|||
Other credits |
|||
~~~~~~~~~~~~~ |
|||
|
|||
The development of this module has been financially supported by: |
|||
* Savoir-faire Linux |
|||
|
|||
Maintainers |
|||
~~~~~~~~~~~ |
|||
|
|||
This module is maintained by the OCA. |
|||
|
|||
.. image:: https://odoo-community.org/logo.png |
|||
:alt: Odoo Community Association |
|||
:target: https://odoo-community.org |
|||
|
|||
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. |
|||
|
|||
.. |maintainer-eilst| image:: https://github.com/eilst.png?size=40px |
|||
:target: https://github.com/eilst |
|||
:alt: eilst |
|||
|
|||
Current `maintainer <https://odoo-community.org/page/maintainer-role>`__: |
|||
|
|||
|maintainer-eilst| |
|||
|
|||
This module is part of the `OCA/web <https://github.com/OCA/web/tree/11.0/web_widget_table>`_ project on GitHub. |
|||
|
|||
You are welcome to contribute. To learn how please visit https://odoo-community.org/page/Contribute. |
@ -0,0 +1 @@ |
|||
# License AGPL-3.0 or later (https://www.gnu.org/licenses/agpl). |
@ -0,0 +1,20 @@ |
|||
# License AGPL-3.0 or later (https://www.gnu.org/licenses/agpl). |
|||
|
|||
{ |
|||
"name": "Web Datatable Widget", |
|||
"category": "web", |
|||
"summary": """ |
|||
This widget allows to display tables using Datatable jQeury library. |
|||
""", |
|||
"author": "Savoir-faire Linux, Odoo Community Association (OCA)", |
|||
"maintainer": "Savoir-faire Linux", |
|||
"website": "https://github.com/OCA/web", |
|||
"license": "AGPL-3", |
|||
"version": "11.0.1.0.0", |
|||
"depends": ["web"], |
|||
"data": [ |
|||
"views/assets.xml", |
|||
], |
|||
"development_status": "Beta", |
|||
"maintainers": ["eilst"], |
|||
} |
@ -0,0 +1,6 @@ |
|||
* Luis Garcia (luis.garcia@savoirfairelinux.com) |
|||
* Rim Ben Dhaou (rim.bendhaou@savoirfairelinux.com) |
|||
* Larbi Gharib (larbi.gharib@savoirfairelinux.com) |
|||
* William Beverly (william.beverly@savoirfairelinux.com) |
|||
* Jananjoy Rajkumar (jananjoy.rajkumar@savoirfairelinux.com) |
|||
* Pierre Gault (pierre.gault@savoirfairelinux.com) |
@ -0,0 +1,2 @@ |
|||
The development of this module has been financially supported by: |
|||
* Savoir-faire Linux |
@ -0,0 +1 @@ |
|||
A module to add datatable https://datatables.net/ as a widget |
@ -0,0 +1,37 @@ |
|||
Use this widget by saying: |
|||
|
|||
.. code-block:: xml |
|||
|
|||
<field name="my_table" widget="widget_table" options="{ |
|||
'field_name': 'child_ids', |
|||
'datatable_params':{'searching': False, |
|||
'paging': False, |
|||
'info': False}, |
|||
'fields': ['name','date_start', 'date_end', 'real_date_start', 'real_date_end', 'total_time'], |
|||
'headers': ['Name','Date Start', 'Date End', 'Real Date Start', 'Real Date End', 'Total Time']}"/> |
|||
|
|||
"my_table" field must be of type char, it is only used to display the table. For example: |
|||
|
|||
.. code-block:: python |
|||
|
|||
my_table = fields.Char( |
|||
store=False) |
|||
|
|||
You need to pass the following parameters: |
|||
|
|||
field_name |
|||
This required parameter indicates a One2many field present in the model from which |
|||
the fields parameter will refer |
|||
fields |
|||
This required parameter is a list that indicates the fields from child_ids records |
|||
that will be displayed in the datatable |
|||
headers |
|||
The required parameter is a list of used string to display in the table header, |
|||
they should be in the same order as the fields |
|||
datatable_params |
|||
This is to pass the datatable parameters https://datatables.net/manual/options, like: |
|||
paging; |
|||
info; |
|||
searching; |
|||
scrollY; |
|||
etc. |
@ -0,0 +1,6 @@ |
|||
.oe_form_field_table |
|||
{ |
|||
margin: 0em .2em .2em 0em; |
|||
display: inline-block !important; |
|||
width: 100%; |
|||
} |
@ -0,0 +1,473 @@ |
|||
<?xml version="1.0" encoding="utf-8" ?> |
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> |
|||
<head> |
|||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
|||
<meta name="generator" content="Docutils 0.14: http://docutils.sourceforge.net/" /> |
|||
<title>Web Datatable Widget</title> |
|||
<style type="text/css"> |
|||
|
|||
/* |
|||
:Author: David Goodger (goodger@python.org) |
|||
:Id: $Id: html4css1.css 7952 2016-07-26 18:15:59Z milde $ |
|||
:Copyright: This stylesheet has been placed in the public domain. |
|||
|
|||
Default cascading style sheet for the HTML output of Docutils. |
|||
|
|||
See http://docutils.sf.net/docs/howto/html-stylesheets.html for how to |
|||
customize this style sheet. |
|||
*/ |
|||
|
|||
/* used to remove borders from tables and images */ |
|||
.borderless, table.borderless td, table.borderless th { |
|||
border: 0 } |
|||
|
|||
table.borderless td, table.borderless th { |
|||
/* Override padding for "table.docutils td" with "! important". |
|||
The right padding separates the table cells. */ |
|||
padding: 0 0.5em 0 0 ! important } |
|||
|
|||
.first { |
|||
/* Override more specific margin styles with "! important". */ |
|||
margin-top: 0 ! important } |
|||
|
|||
.last, .with-subtitle { |
|||
margin-bottom: 0 ! important } |
|||
|
|||
.hidden { |
|||
display: none } |
|||
|
|||
.subscript { |
|||
vertical-align: sub; |
|||
font-size: smaller } |
|||
|
|||
.superscript { |
|||
vertical-align: super; |
|||
font-size: smaller } |
|||
|
|||
a.toc-backref { |
|||
text-decoration: none ; |
|||
color: black } |
|||
|
|||
blockquote.epigraph { |
|||
margin: 2em 5em ; } |
|||
|
|||
dl.docutils dd { |
|||
margin-bottom: 0.5em } |
|||
|
|||
object[type="image/svg+xml"], object[type="application/x-shockwave-flash"] { |
|||
overflow: hidden; |
|||
} |
|||
|
|||
/* Uncomment (and remove this text!) to get bold-faced definition list terms |
|||
dl.docutils dt { |
|||
font-weight: bold } |
|||
*/ |
|||
|
|||
div.abstract { |
|||
margin: 2em 5em } |
|||
|
|||
div.abstract p.topic-title { |
|||
font-weight: bold ; |
|||
text-align: center } |
|||
|
|||
div.admonition, div.attention, div.caution, div.danger, div.error, |
|||
div.hint, div.important, div.note, div.tip, div.warning { |
|||
margin: 2em ; |
|||
border: medium outset ; |
|||
padding: 1em } |
|||
|
|||
div.admonition p.admonition-title, div.hint p.admonition-title, |
|||
div.important p.admonition-title, div.note p.admonition-title, |
|||
div.tip p.admonition-title { |
|||
font-weight: bold ; |
|||
font-family: sans-serif } |
|||
|
|||
div.attention p.admonition-title, div.caution p.admonition-title, |
|||
div.danger p.admonition-title, div.error p.admonition-title, |
|||
div.warning p.admonition-title, .code .error { |
|||
color: red ; |
|||
font-weight: bold ; |
|||
font-family: sans-serif } |
|||
|
|||
/* Uncomment (and remove this text!) to get reduced vertical space in |
|||
compound paragraphs. |
|||
div.compound .compound-first, div.compound .compound-middle { |
|||
margin-bottom: 0.5em } |
|||
|
|||
div.compound .compound-last, div.compound .compound-middle { |
|||
margin-top: 0.5em } |
|||
*/ |
|||
|
|||
div.dedication { |
|||
margin: 2em 5em ; |
|||
text-align: center ; |
|||
font-style: italic } |
|||
|
|||
div.dedication p.topic-title { |
|||
font-weight: bold ; |
|||
font-style: normal } |
|||
|
|||
div.figure { |
|||
margin-left: 2em ; |
|||
margin-right: 2em } |
|||
|
|||
div.footer, div.header { |
|||
clear: both; |
|||
font-size: smaller } |
|||
|
|||
div.line-block { |
|||
display: block ; |
|||
margin-top: 1em ; |
|||
margin-bottom: 1em } |
|||
|
|||
div.line-block div.line-block { |
|||
margin-top: 0 ; |
|||
margin-bottom: 0 ; |
|||
margin-left: 1.5em } |
|||
|
|||
div.sidebar { |
|||
margin: 0 0 0.5em 1em ; |
|||
border: medium outset ; |
|||
padding: 1em ; |
|||
background-color: #ffffee ; |
|||
width: 40% ; |
|||
float: right ; |
|||
clear: right } |
|||
|
|||
div.sidebar p.rubric { |
|||
font-family: sans-serif ; |
|||
font-size: medium } |
|||
|
|||
div.system-messages { |
|||
margin: 5em } |
|||
|
|||
div.system-messages h1 { |
|||
color: red } |
|||
|
|||
div.system-message { |
|||
border: medium outset ; |
|||
padding: 1em } |
|||
|
|||
div.system-message p.system-message-title { |
|||
color: red ; |
|||
font-weight: bold } |
|||
|
|||
div.topic { |
|||
margin: 2em } |
|||
|
|||
h1.section-subtitle, h2.section-subtitle, h3.section-subtitle, |
|||
h4.section-subtitle, h5.section-subtitle, h6.section-subtitle { |
|||
margin-top: 0.4em } |
|||
|
|||
h1.title { |
|||
text-align: center } |
|||
|
|||
h2.subtitle { |
|||
text-align: center } |
|||
|
|||
hr.docutils { |
|||
width: 75% } |
|||
|
|||
img.align-left, .figure.align-left, object.align-left, table.align-left { |
|||
clear: left ; |
|||
float: left ; |
|||
margin-right: 1em } |
|||
|
|||
img.align-right, .figure.align-right, object.align-right, table.align-right { |
|||
clear: right ; |
|||
float: right ; |
|||
margin-left: 1em } |
|||
|
|||
img.align-center, .figure.align-center, object.align-center { |
|||
display: block; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
} |
|||
|
|||
table.align-center { |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
} |
|||
|
|||
.align-left { |
|||
text-align: left } |
|||
|
|||
.align-center { |
|||
clear: both ; |
|||
text-align: center } |
|||
|
|||
.align-right { |
|||
text-align: right } |
|||
|
|||
/* reset inner alignment in figures */ |
|||
div.align-right { |
|||
text-align: inherit } |
|||
|
|||
/* div.align-center * { */ |
|||
/* text-align: left } */ |
|||
|
|||
.align-top { |
|||
vertical-align: top } |
|||
|
|||
.align-middle { |
|||
vertical-align: middle } |
|||
|
|||
.align-bottom { |
|||
vertical-align: bottom } |
|||
|
|||
ol.simple, ul.simple { |
|||
margin-bottom: 1em } |
|||
|
|||
ol.arabic { |
|||
list-style: decimal } |
|||
|
|||
ol.loweralpha { |
|||
list-style: lower-alpha } |
|||
|
|||
ol.upperalpha { |
|||
list-style: upper-alpha } |
|||
|
|||
ol.lowerroman { |
|||
list-style: lower-roman } |
|||
|
|||
ol.upperroman { |
|||
list-style: upper-roman } |
|||
|
|||
p.attribution { |
|||
text-align: right ; |
|||
margin-left: 50% } |
|||
|
|||
p.caption { |
|||
font-style: italic } |
|||
|
|||
p.credits { |
|||
font-style: italic ; |
|||
font-size: smaller } |
|||
|
|||
p.label { |
|||
white-space: nowrap } |
|||
|
|||
p.rubric { |
|||
font-weight: bold ; |
|||
font-size: larger ; |
|||
color: maroon ; |
|||
text-align: center } |
|||
|
|||
p.sidebar-title { |
|||
font-family: sans-serif ; |
|||
font-weight: bold ; |
|||
font-size: larger } |
|||
|
|||
p.sidebar-subtitle { |
|||
font-family: sans-serif ; |
|||
font-weight: bold } |
|||
|
|||
p.topic-title { |
|||
font-weight: bold } |
|||
|
|||
pre.address { |
|||
margin-bottom: 0 ; |
|||
margin-top: 0 ; |
|||
font: inherit } |
|||
|
|||
pre.literal-block, pre.doctest-block, pre.math, pre.code { |
|||
margin-left: 2em ; |
|||
margin-right: 2em } |
|||
|
|||
pre.code .ln { color: grey; } /* line numbers */ |
|||
pre.code, code { background-color: #eeeeee } |
|||
pre.code .comment, code .comment { color: #5C6576 } |
|||
pre.code .keyword, code .keyword { color: #3B0D06; font-weight: bold } |
|||
pre.code .literal.string, code .literal.string { color: #0C5404 } |
|||
pre.code .name.builtin, code .name.builtin { color: #352B84 } |
|||
pre.code .deleted, code .deleted { background-color: #DEB0A1} |
|||
pre.code .inserted, code .inserted { background-color: #A3D289} |
|||
|
|||
span.classifier { |
|||
font-family: sans-serif ; |
|||
font-style: oblique } |
|||
|
|||
span.classifier-delimiter { |
|||
font-family: sans-serif ; |
|||
font-weight: bold } |
|||
|
|||
span.interpreted { |
|||
font-family: sans-serif } |
|||
|
|||
span.option { |
|||
white-space: nowrap } |
|||
|
|||
span.pre { |
|||
white-space: pre } |
|||
|
|||
span.problematic { |
|||
color: red } |
|||
|
|||
span.section-subtitle { |
|||
/* font-size relative to parent (h1..h6 element) */ |
|||
font-size: 80% } |
|||
|
|||
table.citation { |
|||
border-left: solid 1px gray; |
|||
margin-left: 1px } |
|||
|
|||
table.docinfo { |
|||
margin: 2em 4em } |
|||
|
|||
table.docutils { |
|||
margin-top: 0.5em ; |
|||
margin-bottom: 0.5em } |
|||
|
|||
table.footnote { |
|||
border-left: solid 1px black; |
|||
margin-left: 1px } |
|||
|
|||
table.docutils td, table.docutils th, |
|||
table.docinfo td, table.docinfo th { |
|||
padding-left: 0.5em ; |
|||
padding-right: 0.5em ; |
|||
vertical-align: top } |
|||
|
|||
table.docutils th.field-name, table.docinfo th.docinfo-name { |
|||
font-weight: bold ; |
|||
text-align: left ; |
|||
white-space: nowrap ; |
|||
padding-left: 0 } |
|||
|
|||
/* "booktabs" style (no vertical lines) */ |
|||
table.docutils.booktabs { |
|||
border: 0px; |
|||
border-top: 2px solid; |
|||
border-bottom: 2px solid; |
|||
border-collapse: collapse; |
|||
} |
|||
table.docutils.booktabs * { |
|||
border: 0px; |
|||
} |
|||
table.docutils.booktabs th { |
|||
border-bottom: thin solid; |
|||
text-align: left; |
|||
} |
|||
|
|||
h1 tt.docutils, h2 tt.docutils, h3 tt.docutils, |
|||
h4 tt.docutils, h5 tt.docutils, h6 tt.docutils { |
|||
font-size: 100% } |
|||
|
|||
ul.auto-toc { |
|||
list-style-type: none } |
|||
|
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div class="document" id="web-datatable-widget"> |
|||
<h1 class="title">Web Datatable Widget</h1> |
|||
|
|||
<!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! |
|||
!! This file is generated by oca-gen-addon-readme !! |
|||
!! changes will be overwritten. !! |
|||
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! --> |
|||
<p><a class="reference external" href="https://odoo-community.org/page/development-status"><img alt="Beta" src="https://img.shields.io/badge/maturity-Beta-yellow.png" /></a> <a class="reference external" href="http://www.gnu.org/licenses/agpl-3.0-standalone.html"><img alt="License: AGPL-3" src="https://img.shields.io/badge/licence-AGPL--3-blue.png" /></a> <a class="reference external" href="https://github.com/OCA/web/tree/11.0/web_widget_table"><img alt="OCA/web" src="https://img.shields.io/badge/github-OCA%2Fweb-lightgray.png?logo=github" /></a> <a class="reference external" href="https://translation.odoo-community.org/projects/web-11-0/web-11-0-web_widget_table"><img alt="Translate me on Weblate" src="https://img.shields.io/badge/weblate-Translate%20me-F47D42.png" /></a> <a class="reference external" href="https://runbot.odoo-community.org/runbot/162/11.0"><img alt="Try me on Runbot" src="https://img.shields.io/badge/runbot-Try%20me-875A7B.png" /></a></p> |
|||
<p>A module to add datatable <a class="reference external" href="https://datatables.net/">https://datatables.net/</a> as a widget</p> |
|||
<p><strong>Table of contents</strong></p> |
|||
<div class="contents local topic" id="contents"> |
|||
<ul class="simple"> |
|||
<li><a class="reference internal" href="#usage" id="id1">Usage</a></li> |
|||
<li><a class="reference internal" href="#bug-tracker" id="id2">Bug Tracker</a></li> |
|||
<li><a class="reference internal" href="#credits" id="id3">Credits</a><ul> |
|||
<li><a class="reference internal" href="#authors" id="id4">Authors</a></li> |
|||
<li><a class="reference internal" href="#contributors" id="id5">Contributors</a></li> |
|||
<li><a class="reference internal" href="#other-credits" id="id6">Other credits</a></li> |
|||
<li><a class="reference internal" href="#maintainers" id="id7">Maintainers</a></li> |
|||
</ul> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
<div class="section" id="usage"> |
|||
<h1><a class="toc-backref" href="#id1">Usage</a></h1> |
|||
<p>Use this widget by saying:</p> |
|||
<pre class="code xml literal-block"> |
|||
<span class="nt"><field</span> <span class="na">name=</span><span class="s">"my_table"</span> <span class="na">widget=</span><span class="s">"widget_table"</span> <span class="na">options=</span><span class="s">"{ |
|||
'field_name': 'child_ids', |
|||
'datatable_params':{'searching': False, |
|||
'paging': False, |
|||
'info': False}, |
|||
'fields': ['name','date_start', 'date_end', 'real_date_start', 'real_date_end', 'total_time'], |
|||
'headers': ['Name','Date Start', 'Date End', 'Real Date Start', 'Real Date End', 'Total Time']}"</span><span class="nt">/></span> |
|||
</pre> |
|||
<p>“my_table” field must be of type char, it is only used to display the table. For example:</p> |
|||
<pre class="code python literal-block"> |
|||
<span class="n">my_table</span> <span class="o">=</span> <span class="n">fields</span><span class="o">.</span><span class="n">Char</span><span class="p">(</span> |
|||
<span class="n">store</span><span class="o">=</span><span class="bp">False</span><span class="p">)</span> |
|||
</pre> |
|||
<p>You need to pass the following parameters:</p> |
|||
<dl class="docutils"> |
|||
<dt>field_name</dt> |
|||
<dd>This required parameter indicates a One2many field present in the model from which |
|||
the fields parameter will refer</dd> |
|||
<dt>fields</dt> |
|||
<dd>This required parameter is a list that indicates the fields from child_ids records |
|||
that will be displayed in the datatable</dd> |
|||
<dt>headers</dt> |
|||
<dd>The required parameter is a list of used string to display in the table header, |
|||
they should be in the same order as the fields</dd> |
|||
<dt>datatable_params</dt> |
|||
<dd><dl class="first last docutils"> |
|||
<dt>This is to pass the datatable parameters <a class="reference external" href="https://datatables.net/manual/options">https://datatables.net/manual/options</a>, like:</dt> |
|||
<dd>paging; |
|||
info; |
|||
searching; |
|||
scrollY; |
|||
etc.</dd> |
|||
</dl> |
|||
</dd> |
|||
</dl> |
|||
</div> |
|||
<div class="section" id="bug-tracker"> |
|||
<h1><a class="toc-backref" href="#id2">Bug Tracker</a></h1> |
|||
<p>Bugs are tracked on <a class="reference external" href="https://github.com/OCA/web/issues">GitHub Issues</a>. |
|||
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 |
|||
<a class="reference external" href="https://github.com/OCA/web/issues/new?body=module:%20web_widget_table%0Aversion:%2011.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**">feedback</a>.</p> |
|||
<p>Do not contact contributors directly about support or help with technical issues.</p> |
|||
</div> |
|||
<div class="section" id="credits"> |
|||
<h1><a class="toc-backref" href="#id3">Credits</a></h1> |
|||
<div class="section" id="authors"> |
|||
<h2><a class="toc-backref" href="#id4">Authors</a></h2> |
|||
<ul class="simple"> |
|||
<li>Savoir-faire Linux</li> |
|||
</ul> |
|||
</div> |
|||
<div class="section" id="contributors"> |
|||
<h2><a class="toc-backref" href="#id5">Contributors</a></h2> |
|||
<ul class="simple"> |
|||
<li>Luis Garcia (<a class="reference external" href="mailto:luis.garcia@savoirfairelinux.com">luis.garcia@savoirfairelinux.com</a>)</li> |
|||
<li>Rim Ben Dhaou (<a class="reference external" href="mailto:rim.bendhaou@savoirfairelinux.com">rim.bendhaou@savoirfairelinux.com</a>)</li> |
|||
<li>Larbi Gharib (<a class="reference external" href="mailto:larbi.gharib@savoirfairelinux.com">larbi.gharib@savoirfairelinux.com</a>)</li> |
|||
<li>William Beverly (<a class="reference external" href="mailto:william.beverly@savoirfairelinux.com">william.beverly@savoirfairelinux.com</a>)</li> |
|||
<li>Jananjoy Rajkumar (<a class="reference external" href="mailto:jananjoy.rajkumar@savoirfairelinux.com">jananjoy.rajkumar@savoirfairelinux.com</a>)</li> |
|||
<li>Pierre Gault (<a class="reference external" href="mailto:pierre.gault@savoirfairelinux.com">pierre.gault@savoirfairelinux.com</a>)</li> |
|||
</ul> |
|||
</div> |
|||
<div class="section" id="other-credits"> |
|||
<h2><a class="toc-backref" href="#id6">Other credits</a></h2> |
|||
<p>The development of this module has been financially supported by: |
|||
* Savoir-faire Linux</p> |
|||
</div> |
|||
<div class="section" id="maintainers"> |
|||
<h2><a class="toc-backref" href="#id7">Maintainers</a></h2> |
|||
<p>This module is maintained by the OCA.</p> |
|||
<a class="reference external image-reference" href="https://odoo-community.org"><img alt="Odoo Community Association" src="https://odoo-community.org/logo.png" /></a> |
|||
<p>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.</p> |
|||
<p>Current <a class="reference external" href="https://odoo-community.org/page/maintainer-role">maintainer</a>:</p> |
|||
<p><a class="reference external" href="https://github.com/eilst"><img alt="eilst" src="https://github.com/eilst.png?size=40px" /></a></p> |
|||
<p>This module is part of the <a class="reference external" href="https://github.com/OCA/web/tree/11.0/web_widget_table">OCA/web</a> project on GitHub.</p> |
|||
<p>You are welcome to contribute. To learn how please visit <a class="reference external" href="https://odoo-community.org/page/Contribute">https://odoo-community.org/page/Contribute</a>.</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</body> |
|||
</html> |
After Width: 19 | Height: 19 | Size: 160 B |
After Width: 19 | Height: 19 | Size: 148 B |
After Width: 19 | Height: 19 | Size: 201 B |
After Width: 19 | Height: 19 | Size: 158 B |
After Width: 19 | Height: 19 | Size: 146 B |
@ -0,0 +1,55 @@ |
|||
/* License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl). */ |
|||
|
|||
odoo.define('web_widget_table', function (require) { |
|||
"use strict"; |
|||
|
|||
var registry = require('web.field_registry'); |
|||
var AbstractField = require('web.AbstractField'); |
|||
var FieldDataTable = AbstractField.extend({ |
|||
className: 'oe_form_field_table', |
|||
supportedFieldTypes: ['char'], |
|||
init: function init () { |
|||
this._super.apply(this, arguments); |
|||
}, |
|||
_render: function _render () { |
|||
this.$el.empty(); |
|||
var field = this.nodeOptions.field_name, |
|||
fieldModel = this.record.data[field].model, |
|||
fieldRecordIds = this.record.data[field].res_ids, |
|||
table = "<table><thead><tr>", |
|||
table_fields = this.nodeOptions.fields, |
|||
headers = this.nodeOptions.headers, |
|||
datatable_params = this.nodeOptions.datatable_params; |
|||
headers.forEach(function (element) { |
|||
table += '<th>' + element + '</th>'; |
|||
}); |
|||
table += "</tr></thead><tbody>"; |
|||
|
|||
this._rpc({ |
|||
model: fieldModel, |
|||
method: 'read', |
|||
args: [fieldRecordIds], |
|||
}).then(function (result) { |
|||
Array.from(result).forEach(function (record) { |
|||
table += '<tr>'; |
|||
table_fields.forEach(function (key) { |
|||
table += record[key] ? '<td>' + record[key] + |
|||
'</td>' : '<td></td>'; |
|||
}); |
|||
table += '</tr>'; |
|||
}); |
|||
table += "</tbody></table>"; |
|||
this.$el.append(jQuery(table).attr({ |
|||
'id': 'datatable', |
|||
'class': 'display', |
|||
})); |
|||
jQuery('#datatable').DataTable(datatable_params); |
|||
}.bind(this)); |
|||
}, |
|||
}); |
|||
|
|||
registry.add('widget_table', FieldDataTable); |
|||
return { |
|||
FieldDataTable: FieldDataTable, |
|||
}; |
|||
}); |
@ -0,0 +1,460 @@ |
|||
/* |
|||
* This combined file was created by the DataTables downloader builder: |
|||
* https://datatables.net/download |
|||
* |
|||
* To rebuild or modify this file with the latest versions of the included |
|||
* software please visit: |
|||
* https://datatables.net/download/#dt/dt-1.10.18 |
|||
* |
|||
* Included libraries: |
|||
* DataTables 1.10.18 |
|||
*/ |
|||
|
|||
/* |
|||
* Table styles |
|||
*/ |
|||
table.dataTable { |
|||
width: 100%; |
|||
margin: 0 auto; |
|||
clear: both; |
|||
border-collapse: separate; |
|||
border-spacing: 0; |
|||
/* |
|||
* Header and footer styles |
|||
*/ |
|||
/* |
|||
* Body styles |
|||
*/ |
|||
} |
|||
table.dataTable thead th, |
|||
table.dataTable tfoot th { |
|||
font-weight: bold; |
|||
} |
|||
table.dataTable thead th, |
|||
table.dataTable thead td { |
|||
padding: 10px 18px; |
|||
border-bottom: 1px solid #111; |
|||
} |
|||
table.dataTable thead th:active, |
|||
table.dataTable thead td:active { |
|||
outline: none; |
|||
} |
|||
table.dataTable tfoot th, |
|||
table.dataTable tfoot td { |
|||
padding: 10px 18px 6px 18px; |
|||
border-top: 1px solid #111; |
|||
} |
|||
table.dataTable thead .sorting, |
|||
table.dataTable thead .sorting_asc, |
|||
table.dataTable thead .sorting_desc, |
|||
table.dataTable thead .sorting_asc_disabled, |
|||
table.dataTable thead .sorting_desc_disabled { |
|||
cursor: pointer; |
|||
*cursor: hand; |
|||
background-repeat: no-repeat; |
|||
background-position: center right; |
|||
} |
|||
table.dataTable thead .sorting { |
|||
background-image: url("DataTables-1.10.18/images/sort_both.png"); |
|||
} |
|||
table.dataTable thead .sorting_asc { |
|||
background-image: url("DataTables-1.10.18/images/sort_asc.png"); |
|||
} |
|||
table.dataTable thead .sorting_desc { |
|||
background-image: url("DataTables-1.10.18/images/sort_desc.png"); |
|||
} |
|||
table.dataTable thead .sorting_asc_disabled { |
|||
background-image: url("DataTables-1.10.18/images/sort_asc_disabled.png"); |
|||
} |
|||
table.dataTable thead .sorting_desc_disabled { |
|||
background-image: url("DataTables-1.10.18/images/sort_desc_disabled.png"); |
|||
} |
|||
table.dataTable tbody tr { |
|||
background-color: #ffffff; |
|||
} |
|||
table.dataTable tbody tr.selected { |
|||
background-color: #B0BED9; |
|||
} |
|||
table.dataTable tbody th, |
|||
table.dataTable tbody td { |
|||
padding: 8px 10px; |
|||
} |
|||
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { |
|||
border-top: 1px solid #ddd; |
|||
} |
|||
table.dataTable.row-border tbody tr:first-child th, |
|||
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, |
|||
table.dataTable.display tbody tr:first-child td { |
|||
border-top: none; |
|||
} |
|||
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { |
|||
border-top: 1px solid #ddd; |
|||
border-right: 1px solid #ddd; |
|||
} |
|||
table.dataTable.cell-border tbody tr th:first-child, |
|||
table.dataTable.cell-border tbody tr td:first-child { |
|||
border-left: 1px solid #ddd; |
|||
} |
|||
table.dataTable.cell-border tbody tr:first-child th, |
|||
table.dataTable.cell-border tbody tr:first-child td { |
|||
border-top: none; |
|||
} |
|||
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { |
|||
background-color: #f9f9f9; |
|||
} |
|||
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { |
|||
background-color: #acbad4; |
|||
} |
|||
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { |
|||
background-color: #f6f6f6; |
|||
} |
|||
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected { |
|||
background-color: #aab7d1; |
|||
} |
|||
table.dataTable.order-column tbody tr > .sorting_1, |
|||
table.dataTable.order-column tbody tr > .sorting_2, |
|||
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, |
|||
table.dataTable.display tbody tr > .sorting_2, |
|||
table.dataTable.display tbody tr > .sorting_3 { |
|||
background-color: #fafafa; |
|||
} |
|||
table.dataTable.order-column tbody tr.selected > .sorting_1, |
|||
table.dataTable.order-column tbody tr.selected > .sorting_2, |
|||
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, |
|||
table.dataTable.display tbody tr.selected > .sorting_2, |
|||
table.dataTable.display tbody tr.selected > .sorting_3 { |
|||
background-color: #acbad5; |
|||
} |
|||
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { |
|||
background-color: #f1f1f1; |
|||
} |
|||
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { |
|||
background-color: #f3f3f3; |
|||
} |
|||
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { |
|||
background-color: whitesmoke; |
|||
} |
|||
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { |
|||
background-color: #a6b4cd; |
|||
} |
|||
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { |
|||
background-color: #a8b5cf; |
|||
} |
|||
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { |
|||
background-color: #a9b7d1; |
|||
} |
|||
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { |
|||
background-color: #fafafa; |
|||
} |
|||
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { |
|||
background-color: #fcfcfc; |
|||
} |
|||
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { |
|||
background-color: #fefefe; |
|||
} |
|||
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { |
|||
background-color: #acbad5; |
|||
} |
|||
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { |
|||
background-color: #aebcd6; |
|||
} |
|||
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { |
|||
background-color: #afbdd8; |
|||
} |
|||
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { |
|||
background-color: #eaeaea; |
|||
} |
|||
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 { |
|||
background-color: #ececec; |
|||
} |
|||
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 { |
|||
background-color: #efefef; |
|||
} |
|||
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 { |
|||
background-color: #a2aec7; |
|||
} |
|||
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 { |
|||
background-color: #a3b0c9; |
|||
} |
|||
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 { |
|||
background-color: #a5b2cb; |
|||
} |
|||
table.dataTable.no-footer { |
|||
border-bottom: 1px solid #111; |
|||
} |
|||
table.dataTable.nowrap th, table.dataTable.nowrap td { |
|||
white-space: nowrap; |
|||
} |
|||
table.dataTable.compact thead th, |
|||
table.dataTable.compact thead td { |
|||
padding: 4px 17px 4px 4px; |
|||
} |
|||
table.dataTable.compact tfoot th, |
|||
table.dataTable.compact tfoot td { |
|||
padding: 4px; |
|||
} |
|||
table.dataTable.compact tbody th, |
|||
table.dataTable.compact tbody td { |
|||
padding: 4px; |
|||
} |
|||
table.dataTable th.dt-left, |
|||
table.dataTable td.dt-left { |
|||
text-align: left; |
|||
} |
|||
table.dataTable th.dt-center, |
|||
table.dataTable td.dt-center, |
|||
table.dataTable td.dataTables_empty { |
|||
text-align: center; |
|||
} |
|||
table.dataTable th.dt-right, |
|||
table.dataTable td.dt-right { |
|||
text-align: right; |
|||
} |
|||
table.dataTable th.dt-justify, |
|||
table.dataTable td.dt-justify { |
|||
text-align: justify; |
|||
} |
|||
table.dataTable th.dt-nowrap, |
|||
table.dataTable td.dt-nowrap { |
|||
white-space: nowrap; |
|||
} |
|||
table.dataTable thead th.dt-head-left, |
|||
table.dataTable thead td.dt-head-left, |
|||
table.dataTable tfoot th.dt-head-left, |
|||
table.dataTable tfoot td.dt-head-left { |
|||
text-align: left; |
|||
} |
|||
table.dataTable thead th.dt-head-center, |
|||
table.dataTable thead td.dt-head-center, |
|||
table.dataTable tfoot th.dt-head-center, |
|||
table.dataTable tfoot td.dt-head-center { |
|||
text-align: center; |
|||
} |
|||
table.dataTable thead th.dt-head-right, |
|||
table.dataTable thead td.dt-head-right, |
|||
table.dataTable tfoot th.dt-head-right, |
|||
table.dataTable tfoot td.dt-head-right { |
|||
text-align: right; |
|||
} |
|||
table.dataTable thead th.dt-head-justify, |
|||
table.dataTable thead td.dt-head-justify, |
|||
table.dataTable tfoot th.dt-head-justify, |
|||
table.dataTable tfoot td.dt-head-justify { |
|||
text-align: justify; |
|||
} |
|||
table.dataTable thead th.dt-head-nowrap, |
|||
table.dataTable thead td.dt-head-nowrap, |
|||
table.dataTable tfoot th.dt-head-nowrap, |
|||
table.dataTable tfoot td.dt-head-nowrap { |
|||
white-space: nowrap; |
|||
} |
|||
table.dataTable tbody th.dt-body-left, |
|||
table.dataTable tbody td.dt-body-left { |
|||
text-align: left; |
|||
} |
|||
table.dataTable tbody th.dt-body-center, |
|||
table.dataTable tbody td.dt-body-center { |
|||
text-align: center; |
|||
} |
|||
table.dataTable tbody th.dt-body-right, |
|||
table.dataTable tbody td.dt-body-right { |
|||
text-align: right; |
|||
} |
|||
table.dataTable tbody th.dt-body-justify, |
|||
table.dataTable tbody td.dt-body-justify { |
|||
text-align: justify; |
|||
} |
|||
table.dataTable tbody th.dt-body-nowrap, |
|||
table.dataTable tbody td.dt-body-nowrap { |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
table.dataTable, |
|||
table.dataTable th, |
|||
table.dataTable td { |
|||
box-sizing: content-box; |
|||
} |
|||
|
|||
/* |
|||
* Control feature layout |
|||
*/ |
|||
.dataTables_wrapper { |
|||
position: relative; |
|||
clear: both; |
|||
*zoom: 1; |
|||
zoom: 1; |
|||
} |
|||
.dataTables_wrapper .dataTables_length { |
|||
float: left; |
|||
} |
|||
.dataTables_wrapper .dataTables_filter { |
|||
float: right; |
|||
text-align: right; |
|||
} |
|||
.dataTables_wrapper .dataTables_filter input { |
|||
margin-left: 0.5em; |
|||
} |
|||
.dataTables_wrapper .dataTables_info { |
|||
clear: both; |
|||
float: left; |
|||
padding-top: 0.755em; |
|||
} |
|||
.dataTables_wrapper .dataTables_paginate { |
|||
float: right; |
|||
text-align: right; |
|||
padding-top: 0.25em; |
|||
} |
|||
.dataTables_wrapper .dataTables_paginate .paginate_button { |
|||
box-sizing: border-box; |
|||
display: inline-block; |
|||
min-width: 1.5em; |
|||
padding: 0.5em 1em; |
|||
margin-left: 2px; |
|||
text-align: center; |
|||
text-decoration: none !important; |
|||
cursor: pointer; |
|||
*cursor: hand; |
|||
color: #333 !important; |
|||
border: 1px solid transparent; |
|||
border-radius: 2px; |
|||
} |
|||
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { |
|||
color: #333 !important; |
|||
border: 1px solid #979797; |
|||
background-color: white; |
|||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc)); |
|||
/* Chrome,Safari4+ */ |
|||
background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%); |
|||
/* Chrome10+,Safari5.1+ */ |
|||
background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%); |
|||
/* FF3.6+ */ |
|||
background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%); |
|||
/* IE10+ */ |
|||
background: -o-linear-gradient(top, white 0%, #dcdcdc 100%); |
|||
/* Opera 11.10+ */ |
|||
background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); |
|||
/* W3C */ |
|||
} |
|||
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { |
|||
cursor: default; |
|||
color: #666 !important; |
|||
border: 1px solid transparent; |
|||
background: transparent; |
|||
box-shadow: none; |
|||
} |
|||
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { |
|||
color: white !important; |
|||
border: 1px solid #111; |
|||
background-color: #585858; |
|||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111)); |
|||
/* Chrome,Safari4+ */ |
|||
background: -webkit-linear-gradient(top, #585858 0%, #111 100%); |
|||
/* Chrome10+,Safari5.1+ */ |
|||
background: -moz-linear-gradient(top, #585858 0%, #111 100%); |
|||
/* FF3.6+ */ |
|||
background: -ms-linear-gradient(top, #585858 0%, #111 100%); |
|||
/* IE10+ */ |
|||
background: -o-linear-gradient(top, #585858 0%, #111 100%); |
|||
/* Opera 11.10+ */ |
|||
background: linear-gradient(to bottom, #585858 0%, #111 100%); |
|||
/* W3C */ |
|||
} |
|||
.dataTables_wrapper .dataTables_paginate .paginate_button:active { |
|||
outline: none; |
|||
background-color: #2b2b2b; |
|||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); |
|||
/* Chrome,Safari4+ */ |
|||
background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); |
|||
/* Chrome10+,Safari5.1+ */ |
|||
background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); |
|||
/* FF3.6+ */ |
|||
background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); |
|||
/* IE10+ */ |
|||
background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); |
|||
/* Opera 11.10+ */ |
|||
background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); |
|||
/* W3C */ |
|||
box-shadow: inset 0 0 3px #111; |
|||
} |
|||
.dataTables_wrapper .dataTables_paginate .ellipsis { |
|||
padding: 0 1em; |
|||
} |
|||
.dataTables_wrapper .dataTables_processing { |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 50%; |
|||
width: 100%; |
|||
height: 40px; |
|||
margin-left: -50%; |
|||
margin-top: -25px; |
|||
padding-top: 20px; |
|||
text-align: center; |
|||
font-size: 1.2em; |
|||
background-color: white; |
|||
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); |
|||
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); |
|||
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); |
|||
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); |
|||
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); |
|||
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); |
|||
} |
|||
.dataTables_wrapper .dataTables_length, |
|||
.dataTables_wrapper .dataTables_filter, |
|||
.dataTables_wrapper .dataTables_info, |
|||
.dataTables_wrapper .dataTables_processing, |
|||
.dataTables_wrapper .dataTables_paginate { |
|||
color: #333; |
|||
} |
|||
.dataTables_wrapper .dataTables_scroll { |
|||
clear: both; |
|||
} |
|||
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { |
|||
*margin-top: -1px; |
|||
-webkit-overflow-scrolling: touch; |
|||
} |
|||
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td { |
|||
vertical-align: middle; |
|||
} |
|||
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing, |
|||
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing, |
|||
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing { |
|||
height: 0; |
|||
overflow: hidden; |
|||
margin: 0 !important; |
|||
padding: 0 !important; |
|||
} |
|||
.dataTables_wrapper.no-footer .dataTables_scrollBody { |
|||
border-bottom: 1px solid #111; |
|||
} |
|||
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, |
|||
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table { |
|||
border-bottom: none; |
|||
} |
|||
.dataTables_wrapper:after { |
|||
visibility: hidden; |
|||
display: block; |
|||
content: ""; |
|||
clear: both; |
|||
height: 0; |
|||
} |
|||
|
|||
@media screen and (max-width: 767px) { |
|||
.dataTables_wrapper .dataTables_info, |
|||
.dataTables_wrapper .dataTables_paginate { |
|||
float: none; |
|||
text-align: center; |
|||
} |
|||
.dataTables_wrapper .dataTables_paginate { |
|||
margin-top: 0.5em; |
|||
} |
|||
} |
|||
@media screen and (max-width: 640px) { |
|||
.dataTables_wrapper .dataTables_length, |
|||
.dataTables_wrapper .dataTables_filter { |
|||
float: none; |
|||
text-align: center; |
|||
} |
|||
.dataTables_wrapper .dataTables_filter { |
|||
margin-top: 0.5em; |
|||
} |
|||
} |
15308
web_widget_table/static/lib/jsdt-1.10.18-datatables.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,13 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<odoo> |
|||
<template id="assets_backend" inherit_id="web.assets_backend"> |
|||
<xpath expr="."> |
|||
<link href="/web_widget_table/static/css/web_widget.css" |
|||
rel="stylesheet"/> |
|||
<link href="/web_widget_table/static/lib/dt-1.10.18-datatables.css" |
|||
rel="stylesheet"/> |
|||
<script type="text/javascript" src="/web_widget_table/static/lib/jsdt-1.10.18-datatables.js"></script> |
|||
<script type="text/javascript" src="/web_widget_table/static/js/web_widget_table.js"></script> |
|||
</xpath> |
|||
</template> |
|||
</odoo> |
Write
Preview
Loading…
Cancel
Save
Reference in new issue