Skip to Content
Odoo Menú
  • Registra entrada
  • Prova-ho gratis
  • Aplicacions
    Finances
    • Comptabilitat
    • Facturació
    • Despeses
    • Full de càlcul (IA)
    • Documents
    • Signatura
    Vendes
    • CRM
    • Vendes
    • Punt de venda per a botigues
    • Punt de venda per a restaurants
    • Subscripcions
    • Lloguer
    Imatges de llocs web
    • Creació de llocs web
    • Comerç electrònic
    • Blog
    • Fòrum
    • Xat en directe
    • Aprenentatge en línia
    Cadena de subministrament
    • Inventari
    • Fabricació
    • PLM
    • Compres
    • Manteniment
    • Qualitat
    Recursos humans
    • Empleats
    • Reclutament
    • Absències
    • Avaluacions
    • Recomanacions
    • Flota
    Màrqueting
    • Màrqueting Social
    • Màrqueting per correu electrònic
    • Màrqueting per SMS
    • Esdeveniments
    • Automatització del màrqueting
    • Enquestes
    Serveis
    • Projectes
    • Fulls d'hores
    • Servei de camp
    • Suport
    • Planificació
    • Cites
    Productivitat
    • Converses
    • Validacions
    • IoT
    • VoIP
    • Coneixements
    • WhatsApp
    Aplicacions de tercers Odoo Studio Plataforma d'Odoo al núvol
  • Sectors
    Comerç al detall
    • Llibreria
    • Botiga de roba
    • Botiga de mobles
    • Botiga d'ultramarins
    • Ferreteria
    • Botiga de joguines
    Food & Hospitality
    • Bar i pub
    • Restaurant
    • Menjar ràpid
    • Guest House
    • Distribuïdor de begudes
    • Hotel
    Immobiliari
    • Agència immobiliària
    • Estudi d'arquitectura
    • Construcció
    • Gestió immobiliària
    • Jardineria
    • Associació de propietaris de béns immobles
    Consultoria
    • Empresa comptable
    • Partner d'Odoo
    • Agència de màrqueting
    • Bufet d'advocats
    • Captació de talent
    • Auditoria i certificació
    Fabricació
    • Textile
    • Metal
    • Mobles
    • Menjar
    • Brewery
    • Regals corporatius
    Salut i fitness
    • Club d'esport
    • Òptica
    • Centre de fitness
    • Especialistes en benestar
    • Farmàcia
    • Perruqueria
    Trades
    • Servei de manteniment
    • Hardware i suport informàtic
    • Sistemes d'energia solar
    • Shoe Maker
    • Serveis de neteja
    • Instal·lacions HVAC
    Altres
    • Nonprofit Organization
    • Agència del medi ambient
    • Lloguer de panells publicitaris
    • Fotografia
    • Lloguer de bicicletes
    • Distribuïdors de programari
    Browse all Industries
  • Comunitat
    Aprèn
    • Tutorials
    • Documentació
    • Certificacions
    • Formació
    • Blog
    • Pòdcast
    Potenciar l'educació
    • Programa educatiu
    • Scale-Up! El joc empresarial
    • Visita Odoo
    Obtindre el programari
    • Descarregar
    • Comparar edicions
    • Novetats de les versions
    Col·laborar
    • GitHub
    • Fòrum
    • Esdeveniments
    • Traduccions
    • Converteix-te en partner
    • Services for Partners
    • Registra la teva empresa comptable
    Obtindre els serveis
    • Troba un partner
    • Troba un comptable
    • Contacta amb un expert
    • Serveis d'implementació
    • Referències del client
    • Suport
    • Actualitzacions
    Github Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Programar una demo
  • Preus
  • Ajuda

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

  • CRM
  • e-Commerce
  • Comptabilitat
  • Inventari
  • PoS
  • Projectes
  • MRP
All apps
You need to be registered to interact with the community.
All Posts People Badges
Etiquetes (View all)
odoo accounting v14 pos v15
About this forum
You need to be registered to interact with the community.
All Posts People Badges
Etiquetes (View all)
odoo accounting v14 pos v15
About this forum
Ajuda

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

Subscriure's

Get notified when there's activity on this post

This question has been flagged
messagejsoverrideowlv14
2 Respostes
6336 Vistes
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
Descartar
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
Descartar
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
Descartar
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!

Registrar-se
Related Posts Respostes Vistes Activitat
Inherit OWL JS
js owl v14
Avatar
Avatar
1
d’ag. 21
5411
Client Action using Owl Component - how do I get the control panel to show?
owl v14
Avatar
0
de gen. 21
9973
How to highlight POS-Background color?
pos js owl
Avatar
Avatar
1
de nov. 25
382
extends AccountReportFilters JS function is not available in view
js owl AccountReportFilters
Avatar
0
d’ag. 24
1627
odoo 14: override controller to add more fields in Odoo SignUp form Solved
override controllers v14
Avatar
Avatar
Avatar
2
de maig 24
6099
Community
  • Tutorials
  • Documentació
  • Fòrum
Codi obert
  • Descarregar
  • GitHub
  • Runbot
  • Traduccions
Serveis
  • Allotjament a Odoo.sh
  • Suport
  • Actualització
  • Desenvolupaments personalitzats
  • Educació
  • Troba un comptable
  • Troba un partner
  • Converteix-te en partner
Sobre nosaltres
  • La nostra empresa
  • Actius de marca
  • Contacta amb nosaltres
  • Llocs de treball
  • Esdeveniments
  • Pòdcast
  • Blog
  • Clients
  • Informació legal • Privacitat
  • Seguretat
الْعَرَبيّة 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 és un conjunt d'aplicacions empresarials de codi obert que cobreix totes les necessitats de la teva empresa: CRM, comerç electrònic, comptabilitat, inventari, punt de venda, gestió de projectes, etc.

La proposta única de valor d'Odoo és ser molt fàcil d'utilitzar i estar totalment integrat, ambdues alhora.

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