Tutorial Owl Components

-

 Official tutorial dapat dilihat di https://www.odoo.com/documentation/18.0/developer/tutorials/discover_js_framework/01_owl_components.html

Solusi akhir dapat dilihat di https://github.com/odoo/tutorials/tree/master-discover-js-framework-solutions/awesome_owl


Untuk mengakses awesome_owl, gunakan link http://localhost:8068/awesome_owl (ganti port dengan port yang Anda gunakan).


Solusi Counters

Card dan Sum

Todo List

Comments

Post a Comment

Popular posts from this blog

Server Framework 101 - Solusi 1

-
Image
Solusi untuk tutorial https://www.odoo.com/documentation/18.0/developer/tutorials/server_framework_101/02_newapp.html Pada tutorial dibahas membuat addon estate, dimulai dengan membuat direktori. Dengan menggunakan setup sebelumnya, buat direktori estate: C:\odoo-dock\addons\estate Kemudian buat 2 file didalam direktori tersebut:  __manifest__.py dan __init__.py masukan kode berikut pada __manifest__.py {     'name' : 'Estate' ,     'depends' :[         'base' ,     ],     'application' : True } Untuk __init__.py saat ini masih dikosongkan. Restart container odoo dan login melalui browser menggunakan user : admin dan password : admin. Update module list dengan click menu Update Apps List , akan tampil panel konfirmasi, tekan tombol Update . Kemudian cari aplikasi estate melalu search bar. Jika tidak ada error, maka akan tampil modul estate yang telah kita buat. Jika modul belum pernah diaktifasi akan tampil tombol Ac...
Read more

Solusi Tutorial Owl Components - Todo List

-
Solusi untuk tutorial  https://www.odoo.com/documentation/18.0/developer/tutorials/discover_js_framework/01_owl_components.html  untuk bagian Todo List. buat file static/src/todo_list/todo_list.js import { Component , useState } from "@odoo/owl" ; import { TodoItem } from "./todo_item" ; import { useAutofocus } from "../utils" ; export class TodoList extends Component {     static template = "awesome_owl.TodoList" ;     static components = { TodoItem };     setup () {         this . nextId = 0 ;         this . todos = useState ([]);         useAutofocus ( "input" )     }     addTodo ( ev ) {         if ( ev . keyCode === 13 && ev . target . value != "" ) {             this . todos . push ({                 id: this . nextId ++ ,   ...
Read more

Server Framework 101 - Solusi 2

-
Image
Tutorial membuat model, solusi untuk tutorial  https://www.odoo.com/documentation/18.0/developer/tutorials/server_framework_101/03_basicmodel.html Didalam direktori estate, buat direktori models. C:\odoo-dock\addons\estate\models Kemudian didalam direktori models, buat file __init__.py dan estate_property.py Pada tutorial ini kita akan membuat model untuk menyimpan data estate. Untuk informasi fields silakan lihat di link tutorial dari website resmi odoo diatas. Berikut isi code estate/models/estate_property.py from odoo import fields , models class EstateProperty ( models . Model ):     _name = "estate.property"     _description = "Estate property"     name = fields . Char ( 'Estate Name' , required = True )     description = fields . Text ( 'Description' )     postcode = fields . Char ( 'Postal code' )     date_availability = fields . Date ( 'Available date' )     expected_price = fields . Fl...
Read more