AJScript Media
AJScript Media
  • Видео 41
  • Просмотров 177 056
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: ruclips.net/video/cL7R_O0n_20/видео.html...
Просмотров: 965

Видео

Create A New Map View Type In Odoo Using LeafletJS and OWL Javascript Framework
Просмотров 2 тыс.2 месяца назад
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
Просмотров 1,7 тыс.2 месяца назад
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,1 тыс.5 месяцев назад
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
Просмотров 6185 месяцев назад
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
Просмотров 2,2 тыс.6 месяцев назад
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
Просмотров 3,4 тыс.7 месяцев назад
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)
Просмотров 2,2 тыс.8 месяцев назад
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 ruclips.net/video/PArEQXZKhPE/видео.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!
Просмотров 7 тыс.8 месяцев назад
Odoo QWEB Templates - All You Need To Know!
Odoo DatePicker & DateTime Picker Using OWL Framework
Просмотров 2,7 тыс.8 месяцев назад
Odoo DatePicker & DateTime Picker Using OWL Framework
Why I Love Odoo as a Developer | Multiple Reasons
Просмотров 3,7 тыс.9 месяцев назад
Why I Love Odoo as a Developer | Multiple Reasons
Odoo Dashboard Using Chart JS
Просмотров 6 тыс.9 месяцев назад
Odoo Dashboard Using Chart JS
Odoo Custom Dashboard using Javascript (ORM and Action Service)
Просмотров 6 тыс.10 месяцев назад
Odoo Custom Dashboard using Javascript (ORM and Action Service)
Odoo Custom Dashboard Tutorial | OWL Javascript
Просмотров 17 тыс.10 месяцев назад
Odoo Custom Dashboard Tutorial | OWL Javascript
How To Use External Libraries in Odoo using OWL Javascript Framework
Просмотров 4,8 тыс.10 месяцев назад
How To Use External Libraries in Odoo using OWL Javascript Framework
How to Inherit Odoo PoS - New Screen, Button, Popup
Просмотров 4,4 тыс.11 месяцев назад
How to Inherit Odoo PoS - New Screen, Button, Popup
Odoo PoS OWL Tutorial - Best Guide 2023
Просмотров 7 тыс.11 месяцев назад
Odoo PoS OWL Tutorial - Best Guide 2023
Create New Services from Scratch - OWL Javascript Framework
Просмотров 4,4 тыс.Год назад
Create New Services from Scratch - OWL Javascript Framework
Odoo AI ChatBot like ChatGPT?
Просмотров 3,9 тыс.Год назад
Odoo AI ChatBot like ChatGPT?
Odoo Services Using OWL Javascript Framework
Просмотров 8 тыс.Год назад
Odoo Services Using OWL Javascript Framework
OWL Framework - Create and Inherit Field Widgets
Просмотров 7 тыс.Год назад
OWL Framework - Create and Inherit Field Widgets
Odoo OWL Framework View Inheritance
Просмотров 10 тыс.Год назад
Odoo OWL Framework View Inheritance
OWL Javascript Framework - Action and Service (Todo List App)
Просмотров 17 тыс.Год назад
OWL Javascript Framework - Action and Service (Todo List App)
OWL Framework Tutorial - Todo List App (Static Server)
Просмотров 20 тыс.Год назад
OWL Framework Tutorial - Todo List App (Static Server)
Learn CSS Module Using Gatsby
Просмотров 328Год назад
Learn CSS Module Using Gatsby
Responsive Navigation Bar Using Flexbox | CSS Navbar Tutorial
Просмотров 1,3 тыс.Год назад
Responsive Navigation Bar Using Flexbox | CSS Navbar Tutorial
How to install Gatsby JS on MacOS | Installation to Build
Просмотров 505Год назад
How to install Gatsby JS on MacOS | Installation to Build
What is Gatsby JS | AJScript
Просмотров 671Год назад
What is Gatsby JS | AJScript
Create Dynamic Snippet | Odoo Theme Development Tutorial From Scratch (Part 6)
Просмотров 4,3 тыс.Год назад
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)
Просмотров 9 тыс.Год назад
How to Install Odoo on Mac OS | Odoo Theme Development Tutorial From Scratch (Part 1)

Комментарии

  • @__emzd
    @__emzd 11 часов назад

    Thanks for the amazing job you are doing 👏. Quck query,..I followed your approach to inherit list view and remove the extra blank rows,..however, the custom view only seems to work on a top level tree view but not an embedded one (one2many field). Do embedded tree views use a different list view?

  • @chinito11PM
    @chinito11PM День назад

    1) Do we need to add the path of the custom dashboard directory to the addons_path of the odoo.conf file for it run??

    • @ajscriptmedia
      @ajscriptmedia 19 часов назад

      Yes, you need to. Then install the module.

  • @trungvo7052
    @trungvo7052 2 дня назад

    thank you so much. can you make a video tutorial on how to create a theme for the backend? thanks for your tutorials

  • @jirongzhang3237
    @jirongzhang3237 2 дня назад

    Good to find this tutorial about OWL step by step. Thank you.

  • @chaibiayoub2919
    @chaibiayoub2919 3 дня назад

    how can i hide sign upß

    • @ajscriptmedia
      @ajscriptmedia 19 часов назад

      You can do that easily on General Settings.

  • @SelfTalk0
    @SelfTalk0 3 дня назад

    Thanks a lot mate !

  • @1thefirsttime
    @1thefirsttime 4 дня назад

    IDk how to contact you but I need your help to create a map snippet in Odoo 17 to show vendors using leaflet. How can I get in touch with you ?

  • @marcelomarcon323
    @marcelomarcon323 6 дней назад

    I am trying to apply a mask for the vat field in the res.patner. when the user types. keyup event. can you help me ?

  • @ibrohimbinladin904
    @ibrohimbinladin904 7 дней назад

    what custom field should be 'signature'? odoo v17

  • @trungvo7052
    @trungvo7052 10 дней назад

    Thanks for this amazing tutorial, i just have one question, and it's: instead of extending FieldChar I extend TextField and it throws an error: he following error occurred in onMounted: "Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'."

  • @xevimesones4122
    @xevimesones4122 12 дней назад

    hi, I can't edit the field using t-field in odoo 16.(min 7:49) Can yougive me some inputs to fix the problem? thank's a lot!!

  • @ElyasAlHajri
    @ElyasAlHajri 13 дней назад

    is this work in odoo17?

    • @ajscriptmedia
      @ajscriptmedia 19 часов назад

      Nope.. Odoo 17 already migrated the code using OWL.

  • @Anjudhiman-g2g
    @Anjudhiman-g2g 17 дней назад

    I am a beginner to owl framework, can you tell me how to compile the owl app?

  • @rachidhajet7286
    @rachidhajet7286 22 дня назад

    Can you explain to us the configuration method pliiiiiiiiiiiiiiiiiiiiiiiiz

  • @tmg-bc
    @tmg-bc 24 дня назад

    When you add an odoo.config file it's autofilling. (11:15) Mine is just blank when I create it. What am I missing?

  • @ismailmohamedi9456
    @ismailmohamedi9456 25 дней назад

    Amazing tutorial, but i have one question... How can i add new js button in wizard form view since there's no buttons exist already?

  • @delsananthony.official
    @delsananthony.official Месяц назад

    Great content! :) How about updating an extension template from another module?

  • @jirongzhang3237
    @jirongzhang3237 Месяц назад

    Do you have suggestion how to learn this OWL javascript framework? because there is rarely tutorial. Maybe I should learn VUE firstly because there are lots of resource to learn, then come back to understand OWL?

  • @ArifaEmanAsif
    @ArifaEmanAsif Месяц назад

    great work , can you please add some tutorial for adding product on scanning in POS list

  • @burnaviour
    @burnaviour Месяц назад

    Great teacher 🎉

  • @basemwalid1059
    @basemwalid1059 Месяц назад

    ❤❤

  • @furkanshaikh3641
    @furkanshaikh3641 Месяц назад

    Any Plan to post more videos on POS Odoo17 with OWL Framework?

  • @user-mo8oz2jv1c
    @user-mo8oz2jv1c Месяц назад

    Thanks a lot for your nice explanation, We want the next video about registries please.

  • @AliHameed-sz6yz
    @AliHameed-sz6yz Месяц назад

    thanks

  • @AliHameed-sz6yz
    @AliHameed-sz6yz Месяц назад

    Perfect explanation , I need video in registries can u did it please ?

  • @Erp5-jv8cy
    @Erp5-jv8cy Месяц назад

    can u make the next video about registries please?

  • @user-ty7be1wp3b
    @user-ty7be1wp3b Месяц назад

    can u meke the next video about registries please?

  • @Hfdzlvm
    @Hfdzlvm Месяц назад

    Nice

  • @rolandosanches2344
    @rolandosanches2344 Месяц назад

    Keep the good work bro! ❤

  • @DeeDee23
    @DeeDee23 Месяц назад

    Is there any for excel, odt, dox files?

  • @abdulmalekbahamid450
    @abdulmalekbahamid450 Месяц назад

    I need to use search bar to filter data, I added the SearchBar to view but It's not work, Thanks bro.

  • @nordicnomad5473
    @nordicnomad5473 Месяц назад

    Is it a.bulit in widget?

  • @nordicnomad5473
    @nordicnomad5473 Месяц назад

    Variables above class are constants right ?

    • @ajscriptmedia
      @ajscriptmedia Месяц назад

      Yes, I just did that for this tutorial :) Normally, this will be free text or a computed value.

  • @furkanshaikh3641
    @furkanshaikh3641 Месяц назад

    Nice, I haven't check this. Let me check it out.🎉. BTW, I have one requirement in my project so could you make a video on that solution if you would like to. I will describe the problem statement below: There is a form in website and it contains address related all fields, customer name, email, phone and product selection input where you can select multiple products and then when you submit the form, it will create a sale order with that products along with other information and by default i have set the POS Config ID in sale order. Now when you submit the form, it will create a sale order and display the notification of that new SO in that particular POS Session that is linked to that SO. If you think it is creative idea so please try to make a video on that. Thanks Ajscript Media.❤

    • @ajscriptmedia
      @ajscriptmedia Месяц назад

      Thanks. That's a good idea more likely a self-service or a kiosk app.

  • @user-wu2rp6rs6f
    @user-wu2rp6rs6f Месяц назад

    Мощно!

  • @user-wu2rp6rs6f
    @user-wu2rp6rs6f Месяц назад

    AMAZING!!!

  • @sparkdrago428
    @sparkdrago428 Месяц назад

    Thanks a lot for this content. I have a question: I purchased a theme (Metronics theme). In its source files all of the components are being initialized by watching for data attributes. All of the code is written in classes which are made using functional style. I want to use this theme for my owl app. What is the best thing I should do? - Read the theme code and rewrite all js for my owl components. - loadJS when My base compoenent is mounted. Since theres no order in bundle file. For this I first have to include the bundle file in my manifest. - If theres another better option please guide. It will be a great help. Thankyou!

  • @kleiverperez5455
    @kleiverperez5455 Месяц назад

    Amazing!

  • @muhanadtur8785
    @muhanadtur8785 Месяц назад

    for the sizing issue i did the following: 1 - add some ids to the html elements for easier selection 2 - added this function: resize() { let navBar = document.querySelector(".o_navbar") let controlPanel = document.querySelector(".o_control_panel") let sidePanel = document.querySelector("#sidePanel") let sidePanelContent = document.querySelector("#sidePanelContent") let h1 = $(sidePanel).find("h1") let mapDiv = document.querySelector("#map") let height = $(window).height() - $(navBar).height() - $(controlPanel).height() - 25; $(mapDiv).css("height", height); let sphHeight = height - $(h1).height() $(sidePanel).css("height", sphHeight); $(sidePanelContent).css("height", sphHeight - 25); } 3- added the following inside the onMounted method: $(window).on("resize", this.resize); this.resize() and it looks better now!

    • @muhanadtur8785
      @muhanadtur8785 Месяц назад

      lol the fix was much easier than what i did, just wrap the Layout component in the controller view with a div and set its class to "props.className": <div t-att-class="props.className"> <Layout display="{ controlPanel: {} }"> <LeafletMapRenderer model="model" archInfo="props.archInfo" fields="props.fields" /> </Layout> </div>

    • @ajscriptmedia
      @ajscriptmedia Месяц назад

      Nice!! You figured it out :)

    • @muhanadtur8785
      @muhanadtur8785 Месяц назад

      @@ajscriptmedia Thanks to ur videos, it made navigating the js modules easier!

  • @g1e.
    @g1e. Месяц назад

    I don't really know you

    • @ajscriptmedia
      @ajscriptmedia Месяц назад

      Hi, I’m just nobody wanting to share the Odoo framework ☺️

  • @muhanadtur8785
    @muhanadtur8785 Месяц назад

    Thanks a lot for the great content as always! I fixed the scroll issue and tweaked the height values to make it fit in the frame without causing any inconveniences: <div class="row vh-100"> <div class="col-lg-2 ps-4 pe-0" style="height: 88vh"> <div> <h1 class="mt-3">Contacts</h1> </div> <div class="h-100 overflow-hidden overflow-y-auto"> <ul style="display: table;"> <t t-foreach="props.model.records" t-as="record" t-key="record.id"> <li> <h3 t-out="record.display_name" t-on-click="() => this.setMapView(record)" style="cursor: pointer" /> </li> </t> </ul> </div> </div> <div class="col-lg-10 ps-0"> <div t-ref="map" style="height: 90vh;"/> </div> </div> still though this is just a workaround concerning the height thing, which is annoying! the "this.setMapView(record)" definition is: setMapView(record) { if (record[this.archInfo.latitude] && record[this.archInfo.longitude]) { this.map.setView([record[this.archInfo.latitude], record[this.archInfo.longitude]], 17) } } this makes the list items in the side panel zoom in onto the location of the marker associated with the record using the latitude and longitude. Thanks again dude! i really find ur videos very informative!

    • @ajscriptmedia
      @ajscriptmedia Месяц назад

      You’re welcome. Thanks for your message 😊 and trying to fix the issue. I will be fixing that thing on my next tutorial. Stay tuned..

    • @muhanadtur8785
      @muhanadtur8785 Месяц назад

      @@ajscriptmedia waiting eagerly for your next video!

  • @furkanshaikh3641
    @furkanshaikh3641 Месяц назад

    That error appears when i click on the Map Icon.

    • @ajscriptmedia
      @ajscriptmedia Месяц назад

      Can you send me the error you are getting?

    • @furkanshaikh3641
      @furkanshaikh3641 Месяц назад

      TypeError : Comp1 is undefined

    • @ajscriptmedia
      @ajscriptmedia Месяц назад

      Sorry, can't find that issue in the Community version. I want to help, however, I'm not using the Enterprise Version. It appears that Comp1 is undefined. Searching Comp1 variable in the Odoo code base does not exist. Try removing the layout component in the controller template and hopefully, this will work. github.com/ajscriptmedia/odoo-map-view-type/blob/master/leaflet_map/static/src/lmap_controller.xml#L4

    • @furkanshaikh3641
      @furkanshaikh3641 Месяц назад

      @@ajscriptmedia Thanks for your response and now, i will try to figure out myself if possible. Could you please share the Commit ID of Odoo 17 branch (CE) so i can change the 17 branch in my system and then i will check.

    • @ajscriptmedia
      @ajscriptmedia Месяц назад

      Thanks, but I didn’t change any code of the community edition.

  • @furkanshaikh3641
    @furkanshaikh3641 Месяц назад

    Hello Ajscript Media I posted a comment on your last video where i had face an issue or error like TypeError: Comp1 is undefined. It is coming from odoo addons I think and i have copied everything that you have showed in video. But till now i am facing issues and I can't move ahead untill and unless i finish that video. Could you please tell me are you creating this project in with Enterprise addons or Community add-ons and also if possible then please share odoo's git Commit Id so that i can change the HEAD in my system. Please Help

    • @ajscriptmedia
      @ajscriptmedia Месяц назад

      Hi Furkan, can you try to comment the code where you load the leaflet assets? It might already loaded by default for enterprise version

  • @user-wu2rp6rs6f
    @user-wu2rp6rs6f Месяц назад

    My friend! That's great!!!!! You're great at explaining complicated things. Thank you so much!!!!! Hello from Russia I wish you many, many good things!!! 🥰😍😍😍

  • @softwarebox9639
    @softwarebox9639 Месяц назад

    which version of odoo you are using?

  • @abdulmalekbahamid450
    @abdulmalekbahamid450 Месяц назад

    I use this with firebase but give me error unexpected token export

    • @ajscriptmedia
      @ajscriptmedia Месяц назад

      May I know what functionality you used between Odoo and Firebase?

  • @Hfdzlvm
    @Hfdzlvm Месяц назад

    Nice i like it

  • @abdurrazzak1612
    @abdurrazzak1612 Месяц назад

    Thanks I have successfully implemented

  • @hiltonwong5419
    @hiltonwong5419 Месяц назад

    Wow, you're incredible! I appreciate how you break things down into steps with examples. Some parts of the Odoo documentation were unclear to me, but you've clarified my confusion. Thank you!

    • @ajscriptmedia
      @ajscriptmedia Месяц назад

      You’re welcome.. I’m happy this tutorial helped you understand this topic 😊😊

  • @abdulmalekbahamid450
    @abdulmalekbahamid450 Месяц назад

    When the next part will be ready? thanks for all

    • @ajscriptmedia
      @ajscriptmedia Месяц назад

      Thanks for the patience. I have released the next part of this tutorial.