Build Dashboard - Bagian Layout

-

solusi untuk tutorial https://www.odoo.com/documentation/18.0/developer/tutorials/discover_js_framework/02_build_a_dashboard.html bagian pertama (layout)


file static/src/dashboard/dashboard.js

/** @odoo-module **/

import { Component } from "@odoo/owl";
import { registry } from "@web/core/registry";
import { Layout } from "@web/search/layout";

class AwesomeDashboard extends Component {
    static template = "awesome_dashboard.AwesomeDashboard";
    static components = { Layout };

}

registry.category("actions").add("awesome_dashboard.dashboard", AwesomeDashboard);


file static/src/dashboard/dashboard.xml

<?xml version="1.0" encoding="UTF-8" ?>
<templates xml:space="preserve">

    <t t-name="awesome_dashboard.AwesomeDashboard">
        <Layout display="display" className="'o_dashboard h-100'">
            some content
        </Layout>
    </t>
   
</templates>


file static/src/dashboard/dashboard.scss

.o_dashboard {
    background-color: gray;
}



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