audrius/web
1
0
Fork 1
mirror of https://github.com/OCA/web.git synced 2025-02-22 13:21:25 +02:00
Code Issues Packages Projects Releases Wiki Activity

[MIG] web_group_expand: Migration to 16.0

Browse Source
This commit is contained in:
Christopher Rogos
2023-09-11 08:07:02 +00:00
committed by andrea
parent facb44a8bf
commit 75db1ac05f
8 changed files with 90 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
web_group_expand/static/src/js/list_controller.esm.js Normal file
View File

@@ -0,0 +1,59 @@
/** @odoo-module */
import {patch} from "@web/core/utils/patch";
import {ListController} from "@web/views/list/list_controller";
patch(ListController.prototype, "web_group_expand.ListController", {
async expandAllGroups() {
// We expand layer by layer. So first we need to find the highest
// layer that's not already fully expanded.
let layer = this.model.root.groups;
while (layer.length) {
const closed = layer.filter(function (group) {
return group.isFolded;
});
if (closed.length) {
// This layer is not completely expanded, expand it
await layer.forEach((group) => {
group.isFolded = false;
});
break;
}
// This layer is completely expanded, move to the next
layer = _.flatten(
layer.map(function (group) {
return group.list.groups || [];
}),
true
);
}
await this.model.root.load();
this.model.notify();
},
async collapseAllGroups() {
// We collapse layer by layer. So first we need to find the deepest
// layer that's not already fully collapsed.
let layer = this.model.root.groups;
while (layer.length) {
const next = _.flatten(
layer.map(function (group) {
return group.list.groups || [];
}),
true
).filter(function (group) {
return !group.isFolded;
});
if (!next.length) {
// Next layer is fully collapsed, so collapse this one
await layer.forEach((group) => {
group.isFolded = true;
});
break;
}
layer = next;
}
await this.model.root.load();
this.model.notify();
},
});

91
web_group_expand/static/src/js/web_group_expand.esm.js
View File

@@ -1,91 +0,0 @@
/** @odoo-module */
import ListController from "web.ListController";
import ListRenderer from "web.ListRenderer";
import core from "web.core";
const qweb = core.qweb;
ListController.include({
start: function () {
this.$expandGroupButtons = $(qweb.render("web_group_expand.Buttons"));
this.$expandGroupButtons
.find("#oe_group_by_expand")
.on("click", this.expandAllGroups.bind(this));
this.$expandGroupButtons
.find("#oe_group_by_collapse")
.on("click", this.collapseAllGroups.bind(this));
return this._super.apply(this, arguments);
},
renderButtons: function () {
this._super.apply(this, arguments);
this.$expandGroupButtons.toggleClass("o_hidden", !this.renderer.isGrouped);
this.$buttons.append(this.$expandGroupButtons);
},
expandAllGroups: function () {
// We expand layer by layer. So first we need to find the highest
// layer that's not already fully expanded.
let layer = this.renderer.state.data;
while (layer.length) {
const closed = layer.filter(function (group) {
return !group.isOpen;
});
if (closed.length) {
// This layer is not completely expanded, expand it
this._toggleGroups(closed);
break;
}
// This layer is completely expanded, move to the next
layer = _.flatten(
layer.map(function (group) {
return group.data;
}),
true
);
}
},
collapseAllGroups: function () {
// We collapse layer by layer. So first we need to find the deepest
// layer that's not already fully collapsed.
let layer = this.renderer.state.data.filter(function (group) {
return group.isOpen;
});
while (layer.length) {
const next = _.flatten(
layer.map(function (group) {
return group.data;
}),
true
).filter(function (group) {
return group.isOpen;
});
if (!next.length) {
// Next layer is fully collapsed, so collapse this one
this._toggleGroups(layer);
break;
}
layer = next;
}
},
_toggleGroups: function (groups) {
const self = this;
const defs = groups.map(function (group) {
return self.model.toggleGroup(group.id);
});
$.when(...defs).then(
this.update.bind(this, {}, {keepSelection: true, reload: false})
);
},
});
ListRenderer.include({
updateState: function () {
const res = this._super.apply(this, arguments);
$("nav.oe_group_by_expand_buttons").toggleClass("o_hidden", !this.isGrouped);
return res;
},
});

19
web_group_expand/static/src/xml/expand_buttons.xml
View File

@@ -1,19 +0,0 @@
<?xml version="1.0" encoding="UTF-8" ?>
<templates>
<t t-name="web_group_expand.Buttons">
<nav class="btn-group oe_group_by_expand_buttons o_hidden">
<button
class="btn btn-secondary fa fa-expand"
id="oe_group_by_expand"
title="Expand groups"
type="button"
/>
<button
class="btn btn-secondary fa fa-compress"
id="oe_group_by_collapse"
title="Collapse groups"
type="button"
/>
</nav>
</t>
</templates>

23
web_group_expand/static/src/xml/list_controller.xml Normal file
View File

@@ -0,0 +1,23 @@
<?xml version="1.0" encoding="UTF-8" ?>
<templates xml:space="preserve">
<t t-inherit="web.ListView.Buttons" t-inherit-mode="extension" owl="1">
<xpath expr="//div[hasclass('o_list_buttons')]" position="inside">
<t t-if="model.root.isGrouped">
<button
type="button"
class="btn btn-secondary fa fa-expand oe_group_by_expand"
data-tooltip="Expand"
aria-label="Expand"
t-on-click="expandAllGroups"
/>
<button
type="button"
class="btn btn-secondary fa fa-compress oe_group_by_collapse"
data-tooltip="Compress"
aria-label="Compress"
t-on-click="collapseAllGroups"
/>
</t>
</xpath>
</t>
</templates>