feat: category filter dropdown on unmatched Odoo products panel

Filter by Odoo product category or clear filter. Backend supports
both include and exclude category filtering. Loads all categories
on init for the dropdown.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
gsinghpal
2026-04-01 15:56:13 -04:00
parent 9f0badfb7e
commit 52be90c10d
4 changed files with 119 additions and 2 deletions

View File

@@ -60,12 +60,18 @@ export class ProductMapping extends Component {
// Pagination
pageSize: 50,
// Category filters
odooCategories: [],
odooFilterCategoryId: false,
odooExcludeCategoryIds: [],
// Conflicts tab
conflicts: [],
});
onWillStart(async () => {
await this._loadInstances();
await this._loadOdooCategories();
await this._refreshAll();
});
}
@@ -125,6 +131,15 @@ export class ProductMapping extends Component {
}
}
async _loadOdooCategories() {
try {
const result = await rpc("/woo/search/odoo_categories", {});
this.state.odooCategories = result || [];
} catch (err) {
console.error("[ProductMapping] _loadOdooCategories error:", err);
}
}
async _loadOdooProducts(query = "") {
try {
const params = {
@@ -135,6 +150,12 @@ export class ProductMapping extends Component {
if (this.state.instanceId) {
params.instance_id = this.state.instanceId;
}
if (this.state.odooFilterCategoryId) {
params.category_id = this.state.odooFilterCategoryId;
}
if (this.state.odooExcludeCategoryIds.length) {
params.exclude_category_ids = JSON.stringify(this.state.odooExcludeCategoryIds);
}
const result = await rpc("/woo/search/odoo_products", params);
this.state.odooProducts = (result && result.results) || [];
this.state.unmatchedOdooTotal = (result && result.total) || 0;
@@ -260,6 +281,42 @@ export class ProductMapping extends Component {
await this._refreshAll();
}
// -------------------------------------------------------------------------
// Category filter
// -------------------------------------------------------------------------
async onOdooCategoryFilter(ev) {
const val = ev.target.value;
this.state.odooFilterCategoryId = val ? parseInt(val, 10) : false;
this.state.unmatchedOdooPage = 1;
await this._loadOdooProducts("");
}
toggleExcludeCategory(catId) {
const idx = this.state.odooExcludeCategoryIds.indexOf(catId);
if (idx >= 0) {
this.state.odooExcludeCategoryIds.splice(idx, 1);
} else {
this.state.odooExcludeCategoryIds.push(catId);
}
}
async applyExcludeCategories() {
this.state.unmatchedOdooPage = 1;
await this._loadOdooProducts("");
}
isCategoryExcluded(catId) {
return this.state.odooExcludeCategoryIds.includes(catId);
}
async clearCategoryFilter() {
this.state.odooFilterCategoryId = false;
this.state.odooExcludeCategoryIds = [];
this.state.unmatchedOdooPage = 1;
await this._loadOdooProducts("");
}
// -------------------------------------------------------------------------
// Mapped tab
// -------------------------------------------------------------------------