How to Add Sort Option in Website Portal Odoo 17

How to Add Sort Option in
Website Portal Odoo 17
Enterprise

Introduction
Enterprise
Odoo provides a versatile approach to improving the user
interface on our website portal by enabling the addition of
sorting features customized to our requirements.
In the "My Account" section of the website, there are
various options such as Sales Orders, Projects, Timesheets, and
more. We can view further details by selecting each menu item.

Steps
Enterprise
Steps for Adding the Sort Option in Odoo Website
1. Create a Custom Module
2. Define the Module Manifest
3. Extend the Model
4. Create a XML template
5. Create a controller
6. Update and Install the Module

Explanation
Enterprise
1. Create a Custom Module: Create a custom module, define
a new file with the desired functionality
2. Define the Module Manifest, Extend the Model:
Include the necessary metadata and dependencies, and
also extend the model.

Create a XML template
Enterprise
3. Create a XML template

Explanation
Enterprise
● This template changes the current portal breadcrumbs to
include a "Recruitment" breadcrumb entry. The entry
appears conditionally active and is linked based on the
variables page_name and recruitment.
● If page_name equals 'recruitment', the entry is shown. If
recruitment is true, it will be an active link.
● otherwise, it will appear as plain text.
● This setup enables users to access the "Recruitment" page
via the breadcrumb trail, ensuring a consistent and user-
friendly navigation experience.

Explanation
Enterprise
● This code enhances the Odoo portal's home page by
adding a new menu item for "Recruitment."
● These changes enhance the portal's home page with a
user-friendly link to the "Recruitment" section, improving
navigation and accessibility for users.

Code
Enterprise
<template id="portal_my_home_recruitment_views" name="Recruitment">
<t t-call="portal.portal_layout">
<t t-set="breadcrumbs_searchbar" t-value="True"/>
<t t-call="portal.portal_searchbar">
<t t-set="title">Recruitment</t>
</t>
<t t-call="portal.portal_table">
<thead>
<tr class="active">
<th class="text-left">Applicant</th>
<th class="text-center">Create Date</th>
<th class="text-center">Job Position</th>
<th class="text-end">Status</th>
</tr>
</thead>
<t t-foreach="recruitment" t-as="record">
<tr>
<td class='text-left'>
<span t-field="record.partner_name"/>
</td>
<td class='text-center'>
<span t-field="record.create_date"/>
</td>
<td class='text-center'>
<span t-field="record.job_id.name"/>
</td>
<td class='text-end'>
<span t-field="record.stage_id.name"/>
</td>
</tr>
</t>
</t>
</t>
</template>

Explanation
Enterprise
This template extends the portal layout to add a "Recruitment"
page in the Odoo portal. The page includes:
1. A Search Bar: The search bar is enabled and a title is set to
"Recruitment".
2. A Table: A table with headers for Applicant, Create Date, Job
Position, and Status.
3. Dynamic Content: Each row in the table corresponds to a
recruitment record, displaying the applicant's name,
creation date, job position, and current status.
This setup provides a clear and organized way for users to view
recruitment details within the portal.

Create a controller
Enterprise

Explanation
Enterprise
● This class and method are used to extend the Odoo
customer portal to include recruitment data
● This allows users to see the number of recruitment
applications they are involved with when they access the
portal, enhancing the portal's functionality by integrating
recruitment information.

Explanation
Enterprise
● This method handles the display and sorting of recruitment records in
the Odoo portal. When a user accesses the recruitment page.
● Defines Routes: Specifies the URL routes it responds to, ensuring the
user is authenticated.
● Sorts Records: Provides sorting options for recruitment records by
date or status.
● Searches Records: Retrieves recruitment records for the current user,
applying the chosen sorting order.
● Renders Page: Passes the retrieved records and sorting options to the
specified template for rendering.
● This setup enhances the user experience by allowing users to easily
view and sort their recruitment records in the portal.

Enterprise
searchbar_sortings = {
'date': {'label': _('Date'), 'order': 'create_date desc'},
'stage': {'label': _('Status'), 'order': 'stage_id'},
}
● The searchbar_sortings dictionary is designed to define sorting
options for a search bar in a web application.
● Each key in the dictionary represents a sorting criterion, with 'date'
and 'stage' being the criteria in this example.
● The value associated with each key is another dictionary that
contains two entries: 'label' and 'order'.
● The 'label' is a user-friendly name for the sorting criterion.
● The 'order' specifies how the results should be ordered in the
database query.
SORT

Enterprise
● Verifying with this code if a value is specified for the 'sortby'
option. If not, we can then establish a default value. In this
instance, the default order for sorting the records is by the date
in descending order.
● This code checks if the 'sortby' option has a value. If it doesn't, a
default value is assigned. Here, the default sorting sequence for
the records is by date, in descending order.
if not sortby:
sortby = 'date'
order = searchbar_sortings[sortby]['order']
recruitment = request.env['hr.applicant'].sudo().search([
('user_id', '=', request.env.uid)], order=order)

Enterprise
Conclusion
Hence this way we can use the default sort functionality of odoo add
extra parameters to our sort option of the search bar in the portal
page .

For More Info.
Check our company website for related blogs
and Odoo book.
Check our YouTube channel for
functional and technical videos in Odoo.
Enterprise
www.cybrosys.com

How to Add Sort Option in Website Portal Odoo 17

Recommended

More Related Content

Similar to How to Add Sort Option in Website Portal Odoo 17 (20)

More from Celine George (20)

Recently uploaded (20)

How to Add Sort Option in Website Portal Odoo 17