[FIX] web, *: cogMenu visual flaws

*: account, base_import, board, website

This PR enhances the "cog menu" by fixing several UX flaws.
Notable improvements include:
- Reordering entries in a more logical manner, enhancing user intuitiveness.
- Assigning icons to common actions for quick comprehension.
- Grouping both print actions and module-specific actions for better organization.

Enterprise:
- https://github.com/odoo/enterprise/pull/41851

task-3337951
task-3355224 (milk post-merge fixes)
part of task-3326263

closes odoo/odoo#124413

X-original-commit: 596772885a87016d29f002cd4e41b5a973965e40
Related: odoo/enterprise#42212
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
Co-authored-by: Brieuc-brd <brd@odoo.com>
Co-authored-by: Pierre Paridans <app@odoo.com>
Co-authored-by: stefanorigano (SRI) <sri@odoo.com>
This commit is contained in:
stefanorigano (SRI)
2023-06-09 17:01:06 +02:00
committed by Pierre Paridans
co-authored by Brieuc-brd Pierre Paridans
parent 42f28ec012
commit 25f43c2161
24 changed files with 205 additions and 115 deletions
@@ -4,6 +4,7 @@ import { DropdownItem } from "@web/core/dropdown/dropdown_item";
import { registry } from "@web/core/registry";
import { useService } from "@web/core/utils/hooks";
import { Component } from "@odoo/owl";
import { STATIC_ACTIONS_GROUP_NUMBER } from "@web/search/action_menus/action_menus";
const cogMenuRegistry = registry.category("cogMenu");
@@ -37,7 +38,7 @@ export class ImportRecords extends Component {
export const importRecordsItem = {
Component: ImportRecords,
groupNumber: 4,
groupNumber: STATIC_ACTIONS_GROUP_NUMBER,
isDisplayed: ({ config, isSmall }) =>
!isSmall &&
config.actionType === "ir.actions.act_window" &&
@@ -3,7 +3,7 @@
<t t-name="base_import.ImportRecords" owl="1">
<DropdownItem class="'o_import_menu'" onSelected.bind="importRecords">
Import records
<i class="fa fa-fw fa-download me-1"/>Import records
</DropdownItem>
</t>
@@ -76,8 +76,7 @@ QUnit.module("Base Import Tests", (hooks) => {
},
});
await toggleActionMenu(target);
assert.containsOnce(target, ".o_cp_action_menus .o-dropdown--menu");
assert.containsNone(target, ".o_cp_action_menus");
assert.containsNone(target, ".o_import_menu");
}
);
@@ -95,8 +94,7 @@ QUnit.module("Base Import Tests", (hooks) => {
},
});
await toggleActionMenu(target);
assert.containsOnce(target, ".o_cp_action_menus .o-dropdown--menu");
assert.containsNone(target, ".o_cp_action_menus");
assert.containsNone(target, ".o_import_menu");
}
);
@@ -239,8 +237,7 @@ QUnit.module("Base Import Tests", (hooks) => {
await selectDropdownItem(target, "m2o", "Search More...");
const dialog = target.querySelector(".modal");
await toggleActionMenu(dialog);
assert.containsOnce(dialog, ".o_cp_action_menus .o-dropdown--menu");
assert.containsNone(dialog, ".o_cp_action_menus");
assert.containsNone(dialog, ".o_import_menu");
}
);