![AJScript Media](/img/default-banner.jpg)
- Видео 41
- Просмотров 177 056
AJScript Media
Объединенные Арабские Эмираты
Добавлен 30 июл 2022
AJScript Media features tutorials in software development, programming, scripting language, coding tutorials and other related topics.
Website: ajscript.com
Website: ajscript.com
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...
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 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 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
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)
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
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)
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?
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??
Yes, you need to. Then install the module.
thank you so much. can you make a video tutorial on how to create a theme for the backend? thanks for your tutorials
Good to find this tutorial about OWL step by step. Thank you.
You’re welcome ☺️
how can i hide sign upß
You can do that easily on General Settings.
Thanks a lot mate !
You're welcome!
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 ?
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 ?
what custom field should be 'signature'? odoo v17
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'."
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!!
Sorry, it's fixed
is this work in odoo17?
Nope.. Odoo 17 already migrated the code using OWL.
I am a beginner to owl framework, can you tell me how to compile the owl app?
Can you explain to us the configuration method pliiiiiiiiiiiiiiiiiiiiiiiiz
When you add an odoo.config file it's autofilling. (11:15) Mine is just blank when I create it. What am I missing?
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?
Great content! :) How about updating an extension template from another module?
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?
great work , can you please add some tutorial for adding product on scanning in POS list
Great teacher 🎉
❤❤
Any Plan to post more videos on POS Odoo17 with OWL Framework?
Thanks a lot for your nice explanation, We want the next video about registries please.
thanks
Perfect explanation , I need video in registries can u did it please ?
can u make the next video about registries please?
can u meke the next video about registries please?
Nice
Keep the good work bro! ❤
Thank you, I will
Is there any for excel, odt, dox files?
I need to use search bar to filter data, I added the SearchBar to view but It's not work, Thanks bro.
Is it a.bulit in widget?
Yes it is.
Variables above class are constants right ?
Yes, I just did that for this tutorial :) Normally, this will be free text or a computed value.
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.❤
Thanks. That's a good idea more likely a self-service or a kiosk app.
Мощно!
AMAZING!!!
Thank you
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!
Amazing!
Thank you
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!
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>
Nice!! You figured it out :)
@@ajscriptmedia Thanks to ur videos, it made navigating the js modules easier!
I don't really know you
Hi, I’m just nobody wanting to share the Odoo framework ☺️
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!
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..
@@ajscriptmedia waiting eagerly for your next video!
That error appears when i click on the Map Icon.
Can you send me the error you are getting?
TypeError : Comp1 is undefined
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
@@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.
Thanks, but I didn’t change any code of the community edition.
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
Hi Furkan, can you try to comment the code where you load the leaflet assets? It might already loaded by default for enterprise version
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!!! 🥰😍😍😍
Thank you 😊 😇😇
which version of odoo you are using?
It’s Odoo 16
I use this with firebase but give me error unexpected token export
May I know what functionality you used between Odoo and Firebase?
Nice i like it
Thanks you 😊
Thanks I have successfully implemented
You’re welcome ☺️
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!
You’re welcome.. I’m happy this tutorial helped you understand this topic 😊😊
When the next part will be ready? thanks for all
Thanks for the patience. I have released the next part of this tutorial.