How To Use External Libraries in Odoo using OWL Javascript Framework

Hello, my dear friends. In this tutorial, I am going to show you how you can use external libraries in Odoo using OWL.

The first javascript library I will show you is the International Telephone Input. You can use this to get correct international telephone numbers which display the flags and extension numbers of each country.

Every country selected will give you a sample format that you can use. Using this validate button, we are able to identify if the phone number is valid or not. These are only some functionalities you can use but there are other options you can use by reading the documentation.

The next one is more challenging wherein we are going to save the files into the database using the Filepond Javascript library. If we upload some files, it will show an image preview, and a percentage and indicate if it was uploaded successfully or not. This file will be saved to to attachment module.

There's also an option to delete this file. In this tutorial, I used the default ir.attachment model but the method will work for any model that has a binary field type.

Intel-Tel-Input - https://github.com/jackocnr/intl-tel-...
Filepond - https://pqina.nl/filepond/docs/