Menggunakan Debug With Assets Odoo

Assalamualaikum.

Kali ini saya akan membagikan apa kegunaan Debug Assets pada Odoo 14.

Untuk mengaktifkan Debug With Assets, caranya adalah pergi ke menu Settings > General Settings > Developer Tools lalu klik activate the developer mode (with assets)


Kita coba gunakan pada UI POS Odoo 14, untuk mengganti warna header.

Kita klik kanan pada UI POS Odoo 14, lalu pilih Inspect


Lalu select object/bagian yang ingin kita ketahui assets-nya.


Lalu pada bagian Style di Inspect, kita cari CSS dengan nama kelas seperti diatas (pos-topheader) lalu arahkan kursor mouse anda ke tulisan pos.css:313


Disitu kita dapat mengidentifikasi CSS pada POS UI Odoo 14 tersebut. Yang mana letak file CSS nya berada pada addons point_of_sale/static/src/css.pos.css baris ke 313.

Kita dapat mengganti background-nya dengan membuat addons baru, lalu kita 'timpa' dengan kelas css diatas.

.pos .pos-topheader {
background: royalblue;
}


Lalu definisikan file css tersebut pada modul yang anda buat pada XML.

<template id="learn_custom_pos" inherit_id="point_of_sale.assets">
<xpath expr="." position="inside">
<link rel="stylesheet" type="text/scss" href="/ab_learn_js/static/src/css/pos.css"/>
</xpath>
</template>


Dan juga manifest-nya.

'views/templates.xml'


Lalu outputnya akan seperti berikut


Membuat Success Message Pada Odoo 14