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

Solusi Tutorial Owl Components - Counter

-
 Solusi untuk tutorial Owl Components bagian Counter Link tutorial  https://www.odoo.com/documentation/18.0/developer/tutorials/discover_js_framework/01_owl_components.html Buat file awesome_owl/static/src/counter/counter.js /** @odoo-module **/ import { Component , useState } from "@odoo/owl" ; export class Counter extends Component {     static template = "awesome_owl.Counter" ;     static props = {         onchange : { type : Function , optional : true }     };     setup () {         this . state = useState ({ value : 0 });     }     increment () {         this . state . value ++ ;         if ( this . props . onchange ){             this . props . onchange ();         }     } } Buat file awesome_owl/static/src/counter/counter.xml <? xml version = "1.0" ...
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

Odoo Development Setup menggunakan Windows dan Docker

-
Image
Jika Anda menggunakan operating sistem windos, setelah mencoba beberapa alternatif, untuk setup odoo development di local, yang paling mudah dan cepat adalah menggunakan docker. Berikut langkah-langkah untuk setup odoo menggunakan docker di OS Windows: Download dan instalasi Docker Download dan install Docker Desktop di  https://www.docker.com/products/docker-desktop/ Setelah selesai instalasi buat direktori untuk menyimpan file docker compose dan file odoo development. Contohnya D:\odoo-docker. Membuat File Docker Compose Buat file docker-compose.yml, lalu gunakan code berikut: services :   db :     image : postgres:16     ports :       - "5432:5432"     environment :       - POSTGRES_USER=odoo       - POSTGRES_PASSWORD=odoo       - PGDATA=/var/lib/postgresql/data/pgdata     volumes :       - odoo-db-data:/var/lib/postgresql/data   odoo18 :     ima...
Read more