AJScript Media
AJScript Media
  • 41
  • 241 066
Odoo View Model and Arch Parser | Custom Map View Type
Odoo View Model and Arch Parser | Custom Map View Type
Key Points:
- Use the latest ODOO 17 community version
- Use LEAFLET Map API Library
- Explain the process STEP BY STEP
- Create Leaflet Map MARKERS and POPUPS dynamically
- OPEN CONTACT details from the popup
In this tutorial, the following will be done:
03:24 - Create a layout for the map and contact names
04:42 - Create the view model and retrieve data from the database
11:33 - Create dynamic markers and popups
16:02 - Create the view arch parser
24: 04 - Render markers and popups based on the view record architecture.
Github Repo: github.com/ajscriptmedia/odoo-map-view-type/tree/model-arch-parser
Part 1: ua-cam.com/video/cL7R_O0n_20/v-deo.html
Part 2: ua-cam.com/video/XHQiVUguwpI/v-deo.html
OWL Javascript Framework Tutorials: ua-cam.com/play/PLdpXsMi-xePZlTxYASHYakhatSzgDZhtL.html
amzn.to/3V2ZP9O - Headphones
amzn.to/3yosAFa - USB C Hub
amzn.to/3UJBYe6 - Mouse Pad
Переглядів: 2 069

Відео

Create A New Map View Type In Odoo Using LeafletJS and OWL Javascript Framework
Переглядів 3,3 тис.7 місяців тому
In this tutorial, you will learn how to create a new Odoo map view type using Leaflet and OWL Javascript Framework. We will do the following: - Select MAP API Library - Create a new module - Create a new map view type (Server Side) - Create a new view type (Client Side) - Render Leaflet Map View Key Points: - Use the latest ODOO 17 version - Create a new view type from SCRATCH - Explain the pro...
Understanding Odoo Web Client Architecture | Create New View Type
Переглядів 2,8 тис.8 місяців тому
In this tutorial, you will learn how the Odoo Web Client architecture works. A diagram will be shown to demonstrate the frontend and backend part of Odoo. If you follow along, you will learn the following: 00:40 - Website Architecture / Frontend 01:51 - Web Client Architecture / Backend 05:24 - Create A New Module 07:24 - Create Menu and Window Action 09:00 - Create View Types 10:10 - Create Se...
How to Create a New Hijri DatePicker Field Widget | Odoo 16
Переглядів 1,8 тис.10 місяців тому
Learn how to create a new Hijri DatePicker field widget in Odoo 16 using OWL Javascript Framework. Hello my dear Odooers, In this video, we will create a new Hijri date field widget using an external library. This is the best source I found. What I do like here is that you can switch between Hijri and Gregorian format. You just need to add the letter i to the day, month, and year to identify th...
Odoo DateTime Calendar (Islamic/Hebrew) Using Patch Method
Переглядів 84511 місяців тому
Odoo DateTime Calendar (Islamic/Hebrew) Using Patch Method Learn how to convert Odoo default date time to different calendars like Islamic, Hebrew, etc. using the patch method. Github Repo: github.com/ajscriptmedia/odoo-datetime-calendar
How to Disable Form View Based on State Using OWL | Odoo 16
Переглядів 3,6 тис.11 місяців тому
How to Disable Form View Based on State Using OWL | Odoo 16 In this tutorial, I will show you different ways how to disable a form view based on state. By default, a form view can be disabled at load time but it will not work by adding a certain condition. But by using OWL Framework, I made it possible how we can disable it easily and safely. Github Repo: github.com/ajscriptmedia/disable-odoo-f...
QWEB Templates Using OWL Javascript Framework - Part 3
Переглядів 4,8 тис.Рік тому
QWEB Templates Using OWL Javascript Framework - Part 3 In this video, I will discuss the last part of my QWEB Templates tutorial using OWL Framework. In the previous tutorial, we have done QWEB templates using the public widget. But sometimes, for more complex functionalities, you might want to use OWL Framework. The one advantage of OWL is that you don’t need to call the render method every ti...
QWEB Templates | All You Need To Know (Part 2)
Переглядів 3,1 тис.Рік тому
Hello, my dear Odooers. In this video, we are going to continue our QWEB Tutorials. For those who didn’t watch my previous tutorial, you can watch at this link ua-cam.com/video/PArEQXZKhPE/v-deo.html. In the previous tutorial, we did some basics to moderate functionalities. Now let’s continue doing more advanced functionalities like caching, inheritance, and QWEB using JavaScript.
Odoo QWEB Templates - All You Need To Know!
Переглядів 10 тис.Рік тому
Odoo QWEB Templates - All You Need To Know!
Odoo DatePicker & DateTime Picker Using OWL Framework
Переглядів 3,8 тис.Рік тому
Odoo DatePicker & DateTime Picker Using OWL Framework
Why I Love Odoo as a Developer | Multiple Reasons
Переглядів 5 тис.Рік тому
Why I Love Odoo as a Developer | Multiple Reasons
Odoo Dashboard Using Chart JS
Переглядів 9 тис.Рік тому
Odoo Dashboard Using Chart JS
Odoo Custom Dashboard using Javascript (ORM and Action Service)
Переглядів 9 тис.Рік тому
Odoo Custom Dashboard using Javascript (ORM and Action Service)
Odoo Custom Dashboard Tutorial | OWL Javascript
Переглядів 24 тис.Рік тому
Odoo Custom Dashboard Tutorial | OWL Javascript
How To Use External Libraries in Odoo using OWL Javascript Framework
Переглядів 6 тис.Рік тому
How To Use External Libraries in Odoo using OWL Javascript Framework
How to Inherit Odoo PoS - New Screen, Button, Popup
Переглядів 5 тис.Рік тому
How to Inherit Odoo PoS - New Screen, Button, Popup
Odoo PoS OWL Tutorial - Best Guide 2023
Переглядів 9 тис.Рік тому
Odoo PoS OWL Tutorial - Best Guide 2023
Create New Services from Scratch - OWL Javascript Framework
Переглядів 6 тис.Рік тому
Create New Services from Scratch - OWL Javascript Framework
Odoo AI ChatBot like ChatGPT?
Переглядів 4,9 тис.Рік тому
Odoo AI ChatBot like ChatGPT?
Odoo Services Using OWL Javascript Framework
Переглядів 9 тис.Рік тому
Odoo Services Using OWL Javascript Framework
OWL Framework - Create and Inherit Field Widgets
Переглядів 10 тис.Рік тому
OWL Framework - Create and Inherit Field Widgets
Odoo OWL Framework View Inheritance
Переглядів 13 тис.Рік тому
Odoo OWL Framework View Inheritance
OWL Javascript Framework - Action and Service (Todo List App)
Переглядів 23 тис.Рік тому
OWL Javascript Framework - Action and Service (Todo List App)
OWL Framework Tutorial - Todo List App (Static Server)
Переглядів 27 тис.Рік тому
OWL Framework Tutorial - Todo List App (Static Server)
Learn CSS Module Using Gatsby
Переглядів 3552 роки тому
Learn CSS Module Using Gatsby
Responsive Navigation Bar Using Flexbox | CSS Navbar Tutorial
Переглядів 1,4 тис.2 роки тому
Responsive Navigation Bar Using Flexbox | CSS Navbar Tutorial
How to install Gatsby JS on MacOS | Installation to Build
Переглядів 5542 роки тому
How to install Gatsby JS on MacOS | Installation to Build
What is Gatsby JS | AJScript
Переглядів 7592 роки тому
What is Gatsby JS | AJScript
Create Dynamic Snippet | Odoo Theme Development Tutorial From Scratch (Part 6)
Переглядів 5 тис.2 роки тому
Create Dynamic Snippet | Odoo Theme Development Tutorial From Scratch (Part 6)
How to Install Odoo on Mac OS | Odoo Theme Development Tutorial From Scratch (Part 1)
Переглядів 11 тис.2 роки тому
How to Install Odoo on Mac OS | Odoo Theme Development Tutorial From Scratch (Part 1)

КОМЕНТАРІ

  • @shanmugapriyasethuraman1339
    @shanmugapriyasethuraman1339 2 дні тому

    UncaughtPromiseError > KeyNotFoundError Uncaught Promise > Cannot find owl.hrcms_dashboard in this registry! when try create dashboard this error occurs

  • @ariesmarendy6108
    @ariesmarendy6108 3 дні тому

    Thanks. I think we should also hide the delete button in the one2many fields

  • @congthanghoang5158
    @congthanghoang5158 6 днів тому

    I check the value of the variable "this.env" and there are only 2 keys: config, isSmall. So how can I use "this.env.searchModel"? I using Odoo 18

  • @MauryaSolutions-y2e
    @MauryaSolutions-y2e 7 днів тому

    I am looking same tutorials for V17 and V18, I followed your instruction in V16 and able to work my logic but same things unable to follow in latest version

  • @apnicodingkaro765
    @apnicodingkaro765 7 днів тому

    Make a video for hide readonly with groups in javascript please🙏

  • @AnhPham-mm8jo
    @AnhPham-mm8jo 8 днів тому

    Odoo version 17 dont have setDomainParts function. Do you know what function use instead?

  • @Nick-r9b6l
    @Nick-r9b6l 8 днів тому

    It's been a long time since you uploaded any video, when are you returning?

  • @AnhPham-mm8jo
    @AnhPham-mm8jo 9 днів тому

    You are awesome !!

  • @rohitangira8959
    @rohitangira8959 15 днів тому

    Very nice you are genius

  • @anifnurrohman1141
    @anifnurrohman1141 18 днів тому

    Hello, great tutorial... i have many2one fields want to show in form-select with searchable (like period but with search), how to make it work? thanks

  • @mohamedezzat308
    @mohamedezzat308 19 днів тому

    where is the code of this chat

  • @ahmedabdelhameed1943
    @ahmedabdelhameed1943 20 днів тому

    Awesome man 👌

  • @mahmudamen
    @mahmudamen 21 день тому

    Great 👍

  • @prabhatganveer5383
    @prabhatganveer5383 22 дні тому

    Gajab bro💯

  • @devamsanghavi1787
    @devamsanghavi1787 24 дні тому

    You are a saviour man! Thanks!

  • @ManikandanRamakrishnanManiRam
    @ManikandanRamakrishnanManiRam 26 днів тому

    Mac m3 getting error Collecting Pillow==10.2.0 (from -r requirements.txt (line 42)) Using cached pillow-10.2.0.tar.gz (46.2 MB) Installing build dependencies ... done Getting requirements to build wheel ... error error: subprocess-exited-with-error × Getting requirements to build wheel did not run successfully. │ exit code: 1 ╰─> [21 lines of output] Traceback (most recent call last): File "workspace/odoo/odooenv/lib/python3.13/site-packages/pip/_vendor/pyproject_hooks/_in_process/_in_process.py", line 353, in <module> main() ~~~~^^ File "workspace/odoo/odooenv/lib/python3.13/site-packages/pip/_vendor/pyproject_hooks/_in_process/_in_process.py", line 335, in main json_out['return_val'] = hook(**hook_input['kwargs']) ~~~~^^^^^^^^^^^^^^^^^^^^^^^^ File "workspace/odoo/odooenv/lib/python3.13/site-packages/pip/_vendor/pyproject_hooks/_in_process/_in_process.py", line 118, in get_requires_for_build_wheel return hook(config_settings) File "/private/var/folders/kj/rnk369tn2wx79hks1m35db180000gn/T/pip-build-env-gg98tatj/overlay/lib/python3.13/site-packages/setuptools/build_meta.py", line 334, in get_requires_for_build_wheel return self._get_build_requires(config_settings, requirements=[]) ~~~~~~~~~~~~~~~~~~~~~~~~^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ File "/private/var/folders/kj/rnk369tn2wx79hks1m35db180000gn/T/pip-build-env-gg98tatj/overlay/lib/python3.13/site-packages/setuptools/build_meta.py", line 304, in _get_build_requires self.run_setup() ~~~~~~~~~~~~~~^^ File "/private/var/folders/kj/rnk369tn2wx79hks1m35db180000gn/T/pip-build-env-gg98tatj/overlay/lib/python3.13/site-packages/setuptools/build_meta.py", line 320, in run_setup exec(code, locals()) ~~~~^^^^^^^^^^^^^^^^ File "<string>", line 31, in <module> File "<string>", line 28, in get_version KeyError: '__version__' [end of output] note: This error originates from a subprocess, and is likely not a problem with pip. error: subprocess-exited-with-error × Getting requirements to build wheel did not run successfully. │ exit code: 1 ╰─> See above for output. note: This error originates from a subprocess, and is likely not a problem with pip.

  • @encepdeden576
    @encepdeden576 27 днів тому

    In Odoo version 18.0, there is no more setDomainParts() method. Is there any documentation about what classes and methods can be used from Odoo Owl?

  • @bisyrim1030
    @bisyrim1030 Місяць тому

    May I ask the flow chart buddy?

  • @efamir8225
    @efamir8225 Місяць тому

    you are my savior

  • @tasneemrizk4737
    @tasneemrizk4737 Місяць тому

    Love It 🌺

  • @Trishan_Fernando
    @Trishan_Fernando Місяць тому

    Thanks ! This one is very useful ! can you keep updating this playlist

  • @Trishan_Fernando
    @Trishan_Fernando Місяць тому

    is this valid in odoo v17 yet ?

  • @nesrinebelkadi7702
    @nesrinebelkadi7702 Місяць тому

    hello , thank you for the video , it is very helpful , is this video compatible with odoo 17 , cuz I keep getting errors ?

  • @dangkhoaphung9454
    @dangkhoaphung9454 Місяць тому

    thanks so much

  • @theintrovertmemes
    @theintrovertmemes Місяць тому

    Thank you

  • @ibrahimessam3434
    @ibrahimessam3434 Місяць тому

    The best channel on UA-cam. I hope you will tell me how to link the cornerstone.js library in odoo but not as CDN Thank you

  • @bisyrim1030
    @bisyrim1030 2 місяці тому

    8:48 it does not work

  • @Zakariyamahmoud-by6rx
    @Zakariyamahmoud-by6rx 2 місяці тому

    owl.iife.js:5816 Uncaught (in promise) OwlError: Cannot find the definition of component "Task", missing static components key in parent How to solve this error ?

  • @HOA-NGUYEN-DEV
    @HOA-NGUYEN-DEV 2 місяці тому

    Great tutorial, thanks

  • @bisyrim1030
    @bisyrim1030 2 місяці тому

    how to activate debug mode in this 9:56?

  • @Trashpanda_404
    @Trashpanda_404 2 місяці тому

    Thank you. Gonna try it for v18. Love Odoo but they really s… the bed on the designer. They make things so complicated.

  • @xevimesones4122
    @xevimesones4122 2 місяці тому

    What a great job!!

  • @alvertuz
    @alvertuz 2 місяці тому

    Is this applicable on odoo 14 ?

  • @jirongzhang3237
    @jirongzhang3237 2 місяці тому

    Thanks for your chart, I am not clear with it after trying to understand. For the Front End, there is a process"Database-->>Model<<-->>Controller<<-->>View", Also On the Backend there are two separate parts:one is "Database-->>Model<<-->>Controller<<-->>API(ORM/PRC)<<-->>"Customer View"", the other parts:"API(ORM/PRC)<<-->>Model<<-->>Controller<<-->>View,(Render)". So I have tried to have those figured out but it is tough. Can you explain more about their relation?

  • @imranchowdhury3099
    @imranchowdhury3099 2 місяці тому

    Need owl tutorial for odoo17 and 18

  • @khadija-s7o6o
    @khadija-s7o6o 2 місяці тому

    Hi, I wanna discuss likely work together. As a Digital marketer, I have been working for about 4+ years. I am highly interested in connecting with you to chat about Growing your UA-cam channel.🚀 Have a nice day! Thanks

  • @mariemhannechi9111
    @mariemhannechi9111 2 місяці тому

    Thank you for the great content and clear explanation! I really appreciate it. Please keep posting more about OWL JS!

  • @xevimesones4122
    @xevimesones4122 2 місяці тому

    What a great video!!

  • @HOA-NGUYEN-DEV
    @HOA-NGUYEN-DEV 2 місяці тому

    Great tutorial. Can you make tutorial about how to customize theme , ui of tree view , form view ....

  • @victorurizar7537
    @victorurizar7537 2 місяці тому

    Great explanation! And I am waiting for new helpfull videos. Thanks you so much!

  • @HOA-NGUYEN-DEV
    @HOA-NGUYEN-DEV 2 місяці тому

    The guide is amazing! Could you make a tutorial about PDF reports?How to direct print to printer?

  • @xeviOdoo
    @xeviOdoo 2 місяці тому

    What a great tutorial, mate!!

  • @HOA-NGUYEN-DEV
    @HOA-NGUYEN-DEV 2 місяці тому

    Great tutorial, thanks a lot.Waiting new tutorial.

  • @afrah195
    @afrah195 2 місяці тому

    what is the use of those two files datetime_calendar.js and .xml? Also, can you please create for odoo17 too. Thankyou!

  • @sahara4371
    @sahara4371 2 місяці тому

    why would i ever have to use javascript to add a few buttons? this is not necessary, there is easier ways

  • @mohammedelamine2852
    @mohammedelamine2852 2 місяці тому

    it doesn't work

  • @lintoantony4952
    @lintoantony4952 2 місяці тому

    Hi brother. Great content. I trying to implement this in odoo 16. And half way successful . I need to call mountcomponent function in public components from web-root js file in Createoublicroot function. If i put that line in web module it is successful. But standard way is to create a module and extend right. But i tried my maximum. Any way to achive that?? Odoo 17 export async function createPublicRoot(RootWidget) { await lazyloader.allScriptsLoaded; await whenReady(); const env = makeEnv(); await startServices(env); Component.env = env; await env.services.public_component.mountComponents(); const publicRoot = new RootWidget(null, env); const app = new App(MainComponentsContainer, { getTemplate, env, dev: env.debug, translateFn: _t, translatableAttributes: ["data-tooltip"], }); const locale = pyToJsLocale(lang) || browser.navigator.language; Settings.defaultLocale = locale; const [root] = await Promise.all([ app.mount(document.body), publicRoot.attachTo(document.body), ]); odoo.__WOWL_DEBUG__ = { root }; return publicRoot; } Odoo 16 * This widget is important, because the tour manager needs a root widget in * order to work. The root widget must be a service provider with the ajax * service, so that the tour manager can let the server know when tours have * been consumed. */ export async function createPublicRoot(RootWidget) { await lazyloader.allScriptsLoaded; AbstractService.prototype.deployServices(legacyEnv); // add a bunch of mapping services that will redirect service calls from the legacy env // to the wowl env serviceRegistry.add("legacy_rpc", makeLegacyRpcService(legacyEnv)); serviceRegistry.add("legacy_session", makeLegacySessionService(legacyEnv, session)); serviceRegistry.add("legacy_notification", makeLegacyNotificationService(legacyEnv)); serviceRegistry.add("legacy_dialog_mapping", makeLegacyDialogMappingService(legacyEnv)); serviceRegistry.add("legacy_rainbowman_service", makeLegacyRainbowManService(legacyEnv)); const wowlToLegacyServiceMappers = registry.category('wowlToLegacyServiceMappers').getEntries(); for (const [legacyServiceName, wowlToLegacyServiceMapper] of wowlToLegacyServiceMappers) { serviceRegistry.add(legacyServiceName, wowlToLegacyServiceMapper(legacyEnv)); } await Promise.all([whenReady(), session.is_bound]); // Patch browser.fetch and the rpc service to use the correct base url when // embeded in an external page const baseUrl = session.prefix; const { fetch } = browser; browser.fetch = function(url, ...args) { if (!url.match(/^(?:https?:)?\/\//)) { url = baseUrl + url; } return fetch(url, ...args); } serviceRegistry.add("rpc", { async: true, start(env) { let rpcId = 0; return function rpc(route, params = {}, settings) { if (!route.match(/^(?:https?:)?\/\//)) { route = baseUrl + route; } return jsonrpc(env, rpcId++, route, params, settings); }; }, }, { force: true }); const wowlEnv = makeEnv(); await startServices(wowlEnv); mapLegacyEnvToWowlEnv(legacyEnv, wowlEnv); // The root widget's parent is a standalone adapter so that it has _trigger_up const publicRoot = new RootWidget(standaloneAdapter({ Component })); const app = new App(MainComponentsContainer, { templates, env: wowlEnv, dev: wowlEnv.debug, translateFn: _t, translatableAttributes: ["data-tooltip"], }); setLoadXmlDefaultApp(app); await Promise.all([ app.mount(document.body), publicRoot.attachTo(document.body), ]); return publicRoot; }

  • @delsananthony.official
    @delsananthony.official 3 місяці тому

    I am meaning to ask, what version of odoo is this? or should I say what versions of odoo I can apply this?

  • @jean-christophedebosschere3447
    @jean-christophedebosschere3447 3 місяці тому

    Thanks a lot. Very qualitative tutorial !

  • @JQS37Developer
    @JQS37Developer 3 місяці тому

    You are the best Bro, greetings from Colombia