Skip to Content
Odoo Menu
  • Prijavi
  • Try it free
  • Apps
    Finance
    • Accounting
    • Invoicing
    • Expenses
    • Spreadsheet (BI)
    • Documents
    • Sign
    Sales
    • CRM
    • Sales
    • POS Shop
    • POS Restaurant
    • Subscriptions
    • Rental
    Websites
    • Website Builder
    • eCommerce
    • Blog
    • Forum
    • Live Chat
    • eLearning
    Supply Chain
    • Inventory
    • Manufacturing
    • PLM
    • Purchase
    • Maintenance
    • Quality
    Human Resources
    • Employees
    • Recruitment
    • Time Off
    • Appraisals
    • Referrals
    • Fleet
    Marketing
    • Social Marketing
    • Email Marketing
    • SMS Marketing
    • Events
    • Marketing Automation
    • Surveys
    Services
    • Project
    • Timesheets
    • Field Service
    • Helpdesk
    • Planning
    • Appointments
    Productivity
    • Discuss
    • Approvals
    • IoT
    • VoIP
    • Knowledge
    • WhatsApp
    Third party apps Odoo Studio Odoo Cloud Platform
  • Industries
    Retail
    • Book Store
    • Clothing Store
    • Furniture Store
    • Grocery Store
    • Hardware Store
    • Toy Store
    Food & Hospitality
    • Bar and Pub
    • Restaurant
    • Fast Food
    • Guest House
    • Beverage Distributor
    • Hotel
    Real Estate
    • Real Estate Agency
    • Architecture Firm
    • Construction
    • Estate Management
    • Gardening
    • Property Owner Association
    Consulting
    • Accounting Firm
    • Odoo Partner
    • Marketing Agency
    • Law firm
    • Talent Acquisition
    • Audit & Certification
    Manufacturing
    • Textile
    • Metal
    • Furnitures
    • Food
    • Brewery
    • Corporate Gifts
    Health & Fitness
    • Sports Club
    • Eyewear Store
    • Fitness Center
    • Wellness Practitioners
    • Pharmacy
    • Hair Salon
    Trades
    • Handyman
    • IT Hardware & Support
    • Solar Energy Systems
    • Shoe Maker
    • Cleaning Services
    • HVAC Services
    Others
    • Nonprofit Organization
    • Environmental Agency
    • Billboard Rental
    • Photography
    • Bike Leasing
    • Software Reseller
    Browse all Industries
  • Community
    Learn
    • Tutorials
    • Documentation
    • Certifications
    • Training
    • Blog
    • Podcast
    Empower Education
    • Education Program
    • Scale Up! Business Game
    • Visit Odoo
    Get the Software
    • Download
    • Compare Editions
    • Releases
    Collaborate
    • Github
    • Forum
    • Events
    • Translations
    • Become a Partner
    • Services for Partners
    • Register your Accounting Firm
    Get Services
    • Find a Partner
    • Find an Accountant
    • Meet an advisor
    • Implementation Services
    • Customer References
    • Support
    • Upgrades
    Github Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Get a demo
  • Pricing
  • Help

Odoo is the world's easiest all-in-one management software.
It includes hundreds of business apps:

  • CRM
  • e-Commerce
  • Knjigovodstvo
  • Zaloga
  • PoS
  • Projekt
  • MRP
All apps
You need to be registered to interact with the community.
All Posts People Badges
Ključne besede (View all)
odoo accounting v14 pos v15
About this forum
You need to be registered to interact with the community.
All Posts People Badges
Ključne besede (View all)
odoo accounting v14 pos v15
About this forum
Pomoč

How to override get avatar() method in message.js odoo 14 owl

Naroči se

Get notified when there's activity on this post

This question has been flagged
messagejsoverrideowlv14
2 Odgovori
6208 Prikazi
Avatar
Dilip

we need to override below method in odoo 14 
get avatar() {
    if (
        this.message.author &&
        this.message.author === this.env.messaging.partnerRoot
    ) {
        return '/mail/static/src/img/odoobot.png';
    } else if (this.message.author) {
// TODO FIXME for public user this might not be accessible. task-2223236
// we should probably use the correspondig attachment id + access token
// or create a dedicated route to get message image, checking the access right of the message
    return this.message.author.avatarUrl;
} else if (this.message.message_type === 'email') {
    return '/mail/static/src/img/email_icon.png';
}
    return '/mail/static/src/img/smiley/avatar.jpg';
}

we try but not fix please sugges solution

odoo.define('mymodule/static/src/js/avatar.js', function (require) {
'use strict';
const components = {
Message: require('mail/static/src/components/message/message.js'),
};
const { patch } = require('web.utils');
patch(components.Message.prototype, 'mymodule/static/src/js/avatar.js', {

/**
* @override
*/
get avatar() {
    if (
            this.message.author &&
            this.message.author === this.env.messaging.partnerRoot
    ) {
        return '/mail/static/src/img/robot.png';
    } else if (this.message.author) {
        return this.message.author.avatarUrl;
    } else if (this.message.message_type === 'email') {
        return '/mail/static/src/img/email_icon.png';
    }
    return '/mail/static/src/img/smiley/avatar.jpg';
}
});
});

0
Avatar
Opusti
Avatar
Coding Dodo
Best Answer

Hello,

This is a special case because you are trying to override an ES6 Class "getter" and unfortunately it will not work with the patch function.

I will propose you one solution (but  there  are  others) :

const patchMixin = require("web.patchMixin");
const PatchableMessage = patchMixin(components.Message);
const MessageList = require("mail/static/src/components/message_list/message_list.js");

PatchableMessage.patch(
    "owl_tutorial_extend_override_components/static/src/components/message/solution_3_patch_message.js",
    (T) => {
        class MessagePatched extends T {
            /**
             * @override property
             */
            get avatar() {
             // Code your override here
}
        }
        return MessagePatched;
    }
);
MessageList.components.Message = PatchableMessage;

Basically, you force the patchMixin onto the original Component and you replace your patchable copy in the Component tree.
Here the Message Component is used in the MessageList component, so it is replaced here.

Be careful with that technique, if the original "Message" Component had other functions patched, all the patches will be lost !!

There are other ways to override "non-patchable" Components, via defineProperty or using the built-in "setup" function of 
Components. 

If you want to see other solutions, I recently wrote a tutorial on all the way to extend/override/monkey patch functions and took your question as an example, it may be helpful to you.


[Updated answer] Adding a patchInstance method

You can add a patchInstanceMethods function, inspired by the Odoo 15 version of the "patch" function. 

Create a new utils file inside your module: https://github.com/Coding-Dodo/owl_tutorial_extend_override_components/blob/main/static/src/js/utils.js


Now you can patch getters:

const {  patchInstanceMethods,} = require("your_module_name.utils");
patchInstanceMethods(components.Message.prototype, "messageFirstPatch", {
    /**
     * Get the avatar of the user. This function can be overriden
*
* @returns {string}
*/
    get avatar() {
        if (
            this.message.author &&
            this.message.author === this.env.messaging.partnerRoot
        ) {
            // example override
            return "https://avatars.githubusercontent.com/u/81346769?s=400&u=614004f5f4dace9b3cf743ee6aa3069bff6659a2&v=4";
        } else if (this.message.author) {
            return this.message.author.avatarUrl;
        } else if (this.message.message_type === "email") {
            return "/mail/static/src/img/email_icon.png";
        }
        return "/mail/static/src/img/smiley/avatar.jpg";
    },
});
// SECOND PATCH
patchInstanceMethods(components.Message.prototype, "messageSecondPatch", {
    /**
    * Override of override
    *
    * @returns {string}
    */
    get avatar() {
        let originAvatar = this._super(...arguments);
        return originAvatar + "?overridenPatch=Yes";
    },
});

1
Avatar
Opusti
Levenez Morgan

its bad solution, because in that way our patch delete all pacthes before our patch

Coding Dodo

Yes, it is not the best way because you replace the Component, if it was patched elsewhere (with the Message component, it is the cause in the snailmail module) you lose the patch yes. But there are other solutions in the article.

Avatar
Levenez Morgan
Best Answer

any ideas?

0
Avatar
Opusti
Coding Dodo

I've updated the answer with another solution that doesn't make you replace the Component.

Enjoying the discussion? Don't just read, join in!

Create an account today to enjoy exclusive features and engage with our awesome community!

Prijavi
Related Posts Odgovori Prikazi Aktivnost
Inherit OWL JS
js owl v14
Avatar
Avatar
1
avg. 21
5288
Client Action using Owl Component - how do I get the control panel to show?
owl v14
Avatar
0
jan. 21
9802
extends AccountReportFilters JS function is not available in view
js owl AccountReportFilters
Avatar
0
avg. 24
1488
odoo 14: override controller to add more fields in Odoo SignUp form Solved
override controllers v14
Avatar
Avatar
Avatar
2
maj 24
5950
How to export xlsx in Odoo14 Web
xml js v14
Avatar
Avatar
1
avg. 23
4466
Community
  • Tutorials
  • Documentation
  • Forum
Open Source
  • Download
  • Github
  • Runbot
  • Translations
Services
  • Odoo.sh Hosting
  • Support
  • Upgrade
  • Custom Developments
  • Education
  • Find an Accountant
  • Find a Partner
  • Become a Partner
About us
  • Our company
  • Brand Assets
  • Contact us
  • Jobs
  • Events
  • Podcast
  • Blog
  • Customers
  • Legal • Privacy
  • Security
الْعَرَبيّة Català 简体中文 繁體中文 (台灣) Čeština Dansk Nederlands English Suomi Français Deutsch हिंदी Bahasa Indonesia Italiano 日本語 한국어 (KR) Lietuvių kalba Język polski Português (BR) română русский язык Slovenský jazyk slovenščina Español (América Latina) Español ภาษาไทย Türkçe українська Tiếng Việt

Odoo is a suite of open source business apps that cover all your company needs: CRM, eCommerce, accounting, inventory, point of sale, project management, etc.

Odoo's unique value proposition is to be at the same time very easy to use and fully integrated.

Website made with

Odoo Experience on YouTube

1. Use the live chat to ask your questions.
2. The operator answers within a few minutes.

Live support on Youtube
Watch now