Odoo Custom Dashboard using Javascript (ORM and Action Service)

Odoo Custom Dashboard using Javascript (ORM and Action Service)
In this tutorial, you will learn how to create a custom sales dashboard using OWL Javascript Framework. There will be different areas to learn like components, states, ORM Services, Action Services, and others.
During the first tutorial, We have done creating the layout, so now we just need to retrieve data from the database and replace the static values. We will only use pure JavaScript here to retrieve records from the database.
Part 1: Odoo Custom Dashboard Tutorial | OWL Javascript • Odoo Custom Dashboard ...
Part 3: • Odoo Dashboard Using C...
Github Repo: github.com/ajscriptmedia/odoo...
OWL Javascript Framework - • Odoo OWL Framework
Odoo POS Tutorial - • Odoo PoS Tutorial
Odoo Theme Tutorial - • Odoo Theme Development...

[@Trashpanda_404]

Thanks for all of the videos! Started watching them. Was searching for videos on how to develop backend themes, but your videos came through on my feed and started watching cause they’re useful!

[@ajscriptmedia]

Great to hear! Thanks!!

[@kleiverperez5455]

amazing resource! just what i looking for! Thanks!

[@ajscriptmedia]

Great to hear!

[@yelinhtut5154]

Great Tutorial Video with lots of detail information. Please keep up your odoo sharing videos.

[@abdussattarbhuiyan4566]

O man. You are great! Keep it up

[@maalimyahya9381]

Great videos, Thank you

[@syahrilasidiq4170]

Amazing video, keep it up king 👑

[@ajscriptmedia]

Sure and you’re welcome ☺️

[@hierotsu]

Great work as usual! Thanks a lot for your professionalism!
A suggestion for a next tutorial would be how to add a badge on the systray, like the message and notif badges, with counter based on a dynamic event (click somewhere in a view, etc). Using the main bus could be useful there, without being sure ahah

[@ajscriptmedia]

Great suggestion! I received a similar request and I might do this tutorial soon. Stay tuned!

[@stavgraff]

Gracias por el video !!!🙏, Ty!!

[@kamranalisyed5553]

Super useful. Keep it up!

[@ajscriptmedia]

Sure.. Thank you!!

[@muhanadtur8785]

Full of great ideas 💡 thanks for the awesome content!

[@ajscriptmedia]

Welcome.. Thanks for watching!

[@hamidabdalla5214]

very very nice, 😊 keep it sir you are amazing 🎉

[@FoxTrivia]

very helpfull !!
Thank you so much 🙏

[@ajscriptmedia]

You are welcome!

[@yesterme]

Great work bro!

[@ajscriptmedia]

Glad you like it!

[@lintoantony4952]

Nice video keep it up❤

[@abdallahsabeel]

Thank you very much for amazing Content 🤩🤩🤩🤩

[@ajscriptmedia]

Thank you too 🤩

[@MohamedSamirS]

Thank you very much for amazing Content 🎉🎉🎉🎉🎉❤

[@ajscriptmedia]

Thank you too for watching...

[@techtop2320]

Great Work,
Keep giong Please!

[@ajscriptmedia]

Thank you 😊

[@ralphidoko2369]

What an amazing resource! I downloaded the source from your github repo but always getting onWillStart is not a function error while loading the dashboard. What could be the issue?

[@SafiullahDanishjo-ls5io]

Can we inherit the date field widget and load another date picker instead of the odoo default date picker if yes how?

[@hendrasaputra9014]

im using odoo14 to try this. but my t-on-change on those selection period doesnt work
the t-model is working because the default value selected was 90. but after i changed it, this.state doesnt work, the value are still 90. what is the problem?

[@AhmedAnwar-ds9ch]

❤

[@mohammedbalfaqih1264]

Great tutorial . Thank you.
Do you have same tutorial for Odoo 14?

[@ajscriptmedia]

No, sorry. I haven't tried it yet. Hope you can try it in Odoo 15 at least.

[@aliiahmed20]

So for your select html tag you only gave it class form-select and it looks very decent and it takes the first value as default, when I did the same it looks boxy and has messed up padding and it doesnt select a default value. Do you have any idea why that is happening ?

[@ajscriptmedia]

Sorry for my late reply. I hope you found a solution for this already. I am using Odoo 16 in this tutorial using bootstrap version 5.1.3 github.com/odoo/odoo/blob/16.0/addons/web/static/lib/bootstrap/dist/css/bootstrap.css
Maybe you are using version 15 or older?

[@aliiahmed20]

@@ajscriptmedia yes that was the problem thank you

[@user-mh4qg7ce4t]

sir how your code is updated by refreshing the page isn't it suppose to update the module then changes are reflected in code

[@ajscriptmedia]

Hi, sorry for my late response. Just activate debug mode with assets so that all assets like SCSS and JS will rebuild once the page reloaded.

[@quangduy9874]

very good tutorial? may i can ask? if i have a custom nav bar, how i can replace odoo nav bar?

[@ajscriptmedia]

You can check the navbar component in the web client. I suggest trying to inherit it since it's using OWL instead of totally replacing the navbar. Check this link github.com/odoo/odoo/tree/16.0/addons/web/static/src/webclient/navbar

[@quangduy9874]

@@ajscriptmedia how i can call my componet in exist odoo xml file?

[@yaserghananwi]

Thank you for this tutorial
when try to use moment I was received error
web/assets/144494e/web.assets_web.min.js:1006:30 Caused by: ReferenceError: Can't find variable: moment
I'm using odoo 17 how can import moment.js
best regards

[@nacer-dineadinani1383]

same problem

[@nacer-dineadinani1383]

use luxon unlike momentjs. moment.js is deprecated.
const { DateTime } = luxon;
getDates(){
this.state.date = DateTime.now().plus({ days: this.state.period }).toFormat('dd/MM/yyyy')
}

[@lintoantony4952]

Can you do a video on odoo + debug + docker in windows & Linux

[@ajscriptmedia]

Hi, thanks for your suggestion. But I don't have experience in Docker at the moment. But check this link, it might help you setup Odoo in Docker ruclips.net/video/XVRTd4CcpHA/видео.html

[@infinityservicessrl]

Our Team Need a full course Let me know please How we can have it and how much will cost.

[@ajscriptmedia]

Thank you but I don’t have a full course. Just stay tuned and I hope this can help 😊

[@infinityservicessrl]

@@ajscriptmedia We can buy it.