diff --git a/setup/web_listview_range_select/odoo/addons/web_listview_range_select b/setup/web_listview_range_select/odoo/addons/web_listview_range_select new file mode 120000 index 000000000..131f2ee05 --- /dev/null +++ b/setup/web_listview_range_select/odoo/addons/web_listview_range_select @@ -0,0 +1 @@ +../../../../web_listview_range_select \ No newline at end of file diff --git a/setup/web_listview_range_select/setup.py b/setup/web_listview_range_select/setup.py new file mode 100644 index 000000000..28c57bb64 --- /dev/null +++ b/setup/web_listview_range_select/setup.py @@ -0,0 +1,6 @@ +import setuptools + +setuptools.setup( + setup_requires=['setuptools-odoo'], + odoo_addon=True, +) diff --git a/web_listview_range_select/README.rst b/web_listview_range_select/README.rst new file mode 100644 index 000000000..da383e495 --- /dev/null +++ b/web_listview_range_select/README.rst @@ -0,0 +1,98 @@ +==================== +List Range Selection +==================== + +.. + !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! + !! This file is generated by oca-gen-addon-readme !! + !! changes will be overwritten. !! + !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! + !! source digest: sha256:0cd77b1cd0e10283cbf40fbf8a67f9c5c5135d746e755cf13dddf44e0f034cdb + !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! + +.. |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/15.0/web_listview_range_select + :alt: OCA/web +.. |badge4| image:: https://img.shields.io/badge/weblate-Translate%20me-F47D42.png + :target: https://translation.odoo-community.org/projects/web-15-0/web-15-0-web_listview_range_select + :alt: Translate me on Weblate +.. |badge5| image:: https://img.shields.io/badge/runboat-Try%20me-875A7B.png + :target: https://runboat.odoo-community.org/builds?repo=OCA/web&target_branch=15.0 + :alt: Try me on Runboat + +|badge1| |badge2| |badge3| |badge4| |badge5| + +Enables selecting a range of records using the shift key. + +**Table of contents** + +.. contents:: + :local: + +Usage +===== + +To use this module, you need to: + +#. Go to some list view. +#. Click a record. +#. Hold shift and click another record. +#. You can repeat this operation as many times as you want. + +Known issues / Roadmap +====================== + +* Allow to click on the whole line (not just the checkbox) to select a row. +* Enable the same behaviour with Ctrl button. +* Shift and drag to select rows. + +Bug Tracker +=========== + +Bugs are tracked on `GitHub Issues `_. +In case of trouble, please check there if your issue has already been reported. +If you spotted it first, help us to smash it by providing a detailed and welcomed +`feedback `_. + +Do not contact contributors directly about support or help with technical issues. + +Credits +======= + +Authors +~~~~~~~ + +* Onestein + +Contributors +~~~~~~~~~~~~ + +* Dennis Sluijk +* Aldo Soares +* `Tecnativa `_: + + * Ernesto Tejeda +* Nilesh Sheliya + +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. + +This module is part of the `OCA/web `_ project on GitHub. + +You are welcome to contribute. To learn how please visit https://odoo-community.org/page/Contribute. diff --git a/web_listview_range_select/__init__.py b/web_listview_range_select/__init__.py new file mode 100644 index 000000000..9b1a1095f --- /dev/null +++ b/web_listview_range_select/__init__.py @@ -0,0 +1,2 @@ +# © 2017 Onestein () +# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html). diff --git a/web_listview_range_select/__manifest__.py b/web_listview_range_select/__manifest__.py new file mode 100644 index 000000000..f4db02ecf --- /dev/null +++ b/web_listview_range_select/__manifest__.py @@ -0,0 +1,23 @@ +# © 2017 Onestein () +# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html). + +{ + "name": "List Range Selection", + "summary": """ + Enables selecting a range of records using the shift key + """, + "version": "16.0.1.0.0", + "category": "Web", + "author": "Onestein, Odoo Community Association (OCA)", + "website": "https://github.com/OCA/web", + "license": "AGPL-3", + "depends": ["web"], + "installable": True, + "application": False, + "assets": { + "web.assets_backend": [ + "web_listview_range_select/static/src/js/web_listview_range_select.esm.js", + "web_listview_range_select/static/src/xml/web_listview_range_select.xml", + ], + }, +} diff --git a/web_listview_range_select/i18n/es.po b/web_listview_range_select/i18n/es.po new file mode 100644 index 000000000..e69de29bb diff --git a/web_listview_range_select/i18n/hr.po b/web_listview_range_select/i18n/hr.po new file mode 100644 index 000000000..e69de29bb diff --git a/web_listview_range_select/i18n/web_listview_range_select.pot b/web_listview_range_select/i18n/web_listview_range_select.pot new file mode 100644 index 000000000..78d58d53f --- /dev/null +++ b/web_listview_range_select/i18n/web_listview_range_select.pot @@ -0,0 +1,13 @@ +# Translation of Odoo Server. +# This file contains the translation of the following modules: +# +msgid "" +msgstr "" +"Project-Id-Version: Odoo Server 16.0\n" +"Report-Msgid-Bugs-To: \n" +"Last-Translator: \n" +"Language-Team: \n" +"MIME-Version: 1.0\n" +"Content-Type: text/plain; charset=UTF-8\n" +"Content-Transfer-Encoding: \n" +"Plural-Forms: \n" diff --git a/web_listview_range_select/i18n/zh_CN.po b/web_listview_range_select/i18n/zh_CN.po new file mode 100644 index 000000000..e69de29bb diff --git a/web_listview_range_select/readme/CONTRIBUTORS.rst b/web_listview_range_select/readme/CONTRIBUTORS.rst new file mode 100644 index 000000000..b1d3e078c --- /dev/null +++ b/web_listview_range_select/readme/CONTRIBUTORS.rst @@ -0,0 +1,6 @@ +* Dennis Sluijk +* Aldo Soares +* `Tecnativa `_: + + * Ernesto Tejeda +* Nilesh Sheliya diff --git a/web_listview_range_select/readme/DESCRIPTION.rst b/web_listview_range_select/readme/DESCRIPTION.rst new file mode 100644 index 000000000..a2e7858d6 --- /dev/null +++ b/web_listview_range_select/readme/DESCRIPTION.rst @@ -0,0 +1 @@ +Enables selecting a range of records using the shift key. diff --git a/web_listview_range_select/readme/ROADMAP.rst b/web_listview_range_select/readme/ROADMAP.rst new file mode 100644 index 000000000..4efed8384 --- /dev/null +++ b/web_listview_range_select/readme/ROADMAP.rst @@ -0,0 +1,3 @@ +* Allow to click on the whole line (not just the checkbox) to select a row. +* Enable the same behaviour with Ctrl button. +* Shift and drag to select rows. diff --git a/web_listview_range_select/readme/USAGE.rst b/web_listview_range_select/readme/USAGE.rst new file mode 100644 index 000000000..11d8a7f4d --- /dev/null +++ b/web_listview_range_select/readme/USAGE.rst @@ -0,0 +1,6 @@ +To use this module, you need to: + +#. Go to some list view. +#. Click a record. +#. Hold shift and click another record. +#. You can repeat this operation as many times as you want. diff --git a/web_listview_range_select/static/description/icon.png b/web_listview_range_select/static/description/icon.png new file mode 100644 index 000000000..3a0328b51 Binary files /dev/null and b/web_listview_range_select/static/description/icon.png differ diff --git a/web_listview_range_select/static/description/index.html b/web_listview_range_select/static/description/index.html new file mode 100644 index 000000000..84a711940 --- /dev/null +++ b/web_listview_range_select/static/description/index.html @@ -0,0 +1,447 @@ + + + + + + +List Range Selection + + + +
+

List Range Selection

+ + +

Beta License: AGPL-3 OCA/web Translate me on Weblate Try me on Runboat

+

Enables selecting a range of records using the shift key.

+

Table of contents

+ +
+

Usage

+

To use this module, you need to:

+
    +
  1. Go to some list view.
    2. +
  2. Click a record.
    3. +
  3. Hold shift and click another record.
    4. +
  4. You can repeat this operation as many times as you want.
    5. +
+
+
+

Known issues / Roadmap

+
    +
  • Allow to click on the whole line (not just the checkbox) to select a row.
    • +
  • Enable the same behaviour with Ctrl button.
    • +
  • Shift and drag to select rows.
    • +
+
+
+

Bug Tracker

+

Bugs are tracked on GitHub Issues. +In case of trouble, please check there if your issue has already been reported. +If you spotted it first, help us to smash it by providing a detailed and welcomed +feedback.

+

Do not contact contributors directly about support or help with technical issues.

+
+
+

Credits

+
+

Authors

+
    +
  • Onestein
    • +
+
+
+

Contributors

+ +
+
+

Maintainers

+

This module is maintained by the OCA.

+Odoo Community Association +

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.

+

This module is part of the OCA/web project on GitHub.

+

You are welcome to contribute. To learn how please visit https://odoo-community.org/page/Contribute.

+
+
+
+ + diff --git a/web_listview_range_select/static/src/js/web_listview_range_select.esm.js b/web_listview_range_select/static/src/js/web_listview_range_select.esm.js new file mode 100644 index 000000000..8591171a3 --- /dev/null +++ b/web_listview_range_select/static/src/js/web_listview_range_select.esm.js @@ -0,0 +1,101 @@ +/** @odoo-module */ + +import {ListRenderer} from "@web/views/list/list_renderer"; +import {patch} from "@web/core/utils/patch"; + +export const RangeListSelector = { + setup() { + this._super(...arguments); + this.range_history = []; + }, + _getRangeSelection() { + var self = this; + // Get start and end + var start = null, + end = null; + $(".o_list_record_selector input").each(function (i, el) { + var id = $(el).closest("tr").data("id"); + var checked = self.range_history.indexOf(id) !== -1; + if (checked && $(this).is(":checked")) { + if (start === null) { + start = i; + } else { + end = i; + } + } + }); + var new_range = this._getSelectionByRange(start, end); + + var current_selection = []; + current_selection = _.uniq(current_selection.concat(new_range)); + return current_selection; + }, + _getSelectionByRange(start, end) { + var result = []; + $(".o_list_record_selector input") + .closest("tr") + .each(function (i, el) { + var record_id = $(el).data("id"); + if (start !== null && end !== null && i >= start && i <= end) { + result.push(record_id); + } else if (start !== null && end === null && start === i) { + result.push(record_id); + } + }); + return result; + }, + _pushRangeHistory(id) { + if (this.range_history !== undefined) { + if (this.range_history.length === 2) { + this.range_history = []; + } + } + this.range_history.push(id); + }, + _deselectTable() { + // This is needed because the checkboxes are not real checkboxes. + window.getSelection().removeAllRanges(); + }, + _onClickSelectRecord(record, ev) { + const el = $(ev.currentTarget); + if (el.find("input").prop("checked")) { + this._pushRangeHistory(el.closest("tr").data("id")); + } + if (ev.shiftKey) { + // Get selection + var selection = this._getRangeSelection(); + var $rows = $("td.o_list_record_selector input").closest("tr"); + $rows.each(function () { + var record_id = $(this).data("id"); + if (selection.indexOf(record_id) !== -1) { + $(this) + .find("td.o_list_record_selector input") + .prop("checked", true); + } + }); + // Update selection internally + this.checkBoxSelections(selection); + this._deselectTable(); + } + }, + checkBoxSelections(selection) { + const record = this.props.list.records; + for (const line in record) { + for (const id in selection) { + if (selection[selection.length - 1] === selection[id]) { + continue; + } + if (selection[id] === record[line].id) { + record[line].selected = true; + record[line].model.trigger("update"); + continue; + } + } + } + }, +}; +patch( + ListRenderer.prototype, + "web_listview_range_select.WebListviewRangeSelect", + RangeListSelector +); diff --git a/web_listview_range_select/static/src/xml/web_listview_range_select.xml b/web_listview_range_select/static/src/xml/web_listview_range_select.xml new file mode 100644 index 000000000..aca874217 --- /dev/null +++ b/web_listview_range_select/static/src/xml/web_listview_range_select.xml @@ -0,0 +1,10 @@ + + + + + (ev) => this._onClickSelectRecord(record,ev) + + +