Odoo Custom Dashboard using Javascript (ORM and Action Service)

Sdílet
Vložit
  • čas přidán 8. 09. 2024
  • 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/ajs...
    OWL Javascript Framework - • Odoo OWL Framework
    Odoo POS Tutorial - • Odoo PoS Tutorial
    Odoo Theme Tutorial - • Odoo Theme Development...

Komentáře • 53

  • @hierotsu
    @hierotsu Před 11 měsíci +2

    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
      @ajscriptmedia  Před 10 měsíci

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

  • @Trashpanda_404
    @Trashpanda_404 Před 10 měsíci

    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!

  • @yelinhtut5154
    @yelinhtut5154 Před 5 měsíci

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

  • @kleiverperez5455
    @kleiverperez5455 Před 11 měsíci +1

    amazing resource! just what i looking for! Thanks!

  • @mohamedsobh2626
    @mohamedsobh2626 Před 18 dny

    i missed the skill of building and show H/V scroll, from where i can self learning?

  • @hamidabdalla5214
    @hamidabdalla5214 Před 11 měsíci

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

  • @FoxTrivia
    @FoxTrivia Před 4 měsíci

    very helpfull !!
    Thank you so much 🙏

  • @hendrasaputra9014
    @hendrasaputra9014 Před 5 měsíci

    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?

  • @MohamedSamirS
    @MohamedSamirS Před 11 měsíci

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

  • @mohammedbalfaqih1264
    @mohammedbalfaqih1264 Před 11 měsíci +1

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

    • @ajscriptmedia
      @ajscriptmedia  Před 11 měsíci

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

  • @muhanadtur8785
    @muhanadtur8785 Před 11 měsíci

    Full of great ideas 💡 thanks for the awesome content!

  • @maalimyahya9381
    @maalimyahya9381 Před 8 měsíci

    Great videos, Thank you

  • @syahrilasidiq4170
    @syahrilasidiq4170 Před 10 měsíci

    Amazing video, keep it up king 👑

  • @abdussattarbhuiyan4566
    @abdussattarbhuiyan4566 Před 8 měsíci

    O man. You are great! Keep it up

  • @stavgraff
    @stavgraff Před 11 měsíci

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

  • @techtop2320
    @techtop2320 Před 10 měsíci

    Great Work,
    Keep giong Please!

  • @kamranalisyed5553
    @kamranalisyed5553 Před 9 měsíci

    Super useful. Keep it up!

  • @ralphidoko2369
    @ralphidoko2369 Před 8 měsíci

    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?

  • @yesterme
    @yesterme Před 4 měsíci

    Great work bro!

  • @SafiullahDanishjo-ls5io
    @SafiullahDanishjo-ls5io Před 8 měsíci

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

  • @lintoantony4952
    @lintoantony4952 Před 11 měsíci

    Nice video keep it up❤

  • @yaserghananwi
    @yaserghananwi Před 5 měsíci +1

    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
      @nacer-dineadinani1383 Před 4 měsíci

      same problem

    • @nacer-dineadinani1383
      @nacer-dineadinani1383 Před 4 měsíci

      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')
      }

    • @mauricioariasrodelo7573
      @mauricioariasrodelo7573 Před 15 dny

      This way I was able to solve it.
      apparently this library was discarded in odoo 17
      import { loadJS } from "@web/core/assets"
      onWillStart(async ()=> {
      await loadJS("cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js ")
      })

  • @infinityservicessrl
    @infinityservicessrl Před 4 měsíci

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

    • @ajscriptmedia
      @ajscriptmedia  Před 3 měsíci +1

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

    • @infinityservicessrl
      @infinityservicessrl Před 3 měsíci

      @@ajscriptmedia We can buy it.

  • @quangduy9874
    @quangduy9874 Před 11 měsíci

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

    • @ajscriptmedia
      @ajscriptmedia  Před 11 měsíci

      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
      @quangduy9874 Před 11 měsíci

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

  • @aliiahmed20
    @aliiahmed20 Před 11 měsíci

    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
      @ajscriptmedia  Před 11 měsíci +1

      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
      @aliiahmed20 Před 11 měsíci

      @@ajscriptmedia yes that was the problem thank you

  • @user-mh4qg7ce4t
    @user-mh4qg7ce4t Před 9 měsíci

    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
      @ajscriptmedia  Před 9 měsíci

      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.

  • @lintoantony4952
    @lintoantony4952 Před 11 měsíci

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

    • @ajscriptmedia
      @ajscriptmedia  Před 11 měsíci

      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 czcams.com/video/XVRTd4CcpHA/video.html

  • @AhmedAnwar-ds9ch
    @AhmedAnwar-ds9ch Před 11 měsíci

  • @abdallahsabeel
    @abdallahsabeel Před 11 měsíci

    Thank you very much for amazing Content 🤩🤩🤩🤩