Loje technical training

README.md

@@ -8,3 +8,6 @@ It has 3 branches for each Odoo version: one for the bases, one for
 The first contains the code of the modules that serve as base for the tutorials,
 and the others contains the code of each chapter with the complete
 solution.
+
+
+Hello world !

awesome_owl/static/src/card/card.js

@@ -0,0 +1,11 @@
+/** @odoo-module **/
+
+import { Component } from "@odoo/owl";
+
+export class Card extends Component{
+    static template = "awesome_owl.Card";
+    static props = {
+        title: String,
+        content: String,
+    };
+}

awesome_owl/static/src/card/card.xml

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+    <t t-name="awesome_owl.Card">
+        <div class="card d-inline-block m-2" style="width: 18rem;">
+            <div class="card-body">
+                <h5 class="card-title">
+                    <t t-out="props.title"/>
+                </h5>
+                <p class="card-text">
+                    <t t-out="props.content"/>
+                </p>
+            </div>
+        </div>
+    </t>
+</templates>

awesome_owl/static/src/counter/counter.js

@@ -0,0 +1,24 @@
+/** @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();
+        }
+    }
+}

awesome_owl/static/src/counter/counter.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+    <t t-name="awesome_owl.Counter">
+        <div class="m-2 p-2 border d-inline-block">
+            <span class="me-2">Counter : <t t-esc="state.value"/>
+            </span>
+            <button class="btn btn-primary" t-on-click="increment">Increment</button>
+        </div>
+    </t>
+</templates>

awesome_owl/static/src/playground.js

@@ -1,7 +1,22 @@
 /** @odoo-module **/
 
-import { Component } from "@odoo/owl";
+import { Component, markup, useState} from "@odoo/owl";
+import { Counter } from "./counter/counter";
+import { Card } from "./card/card";
+import { TodoList } from "./todo/todoList/todoList";
 
 export class Playground extends Component {
     static template = "awesome_owl.playground";
+
+    static components = { Counter, Card, TodoList };
+
+    setup(){
+        this.test1 = "<div><p>Some text</p></div>";
+        this.test2 = markup("<div><p>Some text</p></div>");
+        this.sum = useState({value:0});
+    }
+
+    incrSum(){
+        this.sum.value++;
+    }
 }

awesome_owl/static/src/playground.xml

@@ -1,10 +1,20 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <templates xml:space="preserve">
-
     <t t-name="awesome_owl.playground">
         <div class="p-3">
             hello world
+            <Counter onChange.bind="incrSum"/>
+            <Counter onChange.bind="incrSum"/>
+            <div>
+                The sum is : <t t-esc="sum.value"/>
+            </div>
+        </div>
+        <div>
+            <Card title="'Card 1'" content="test1"/>
+            <Card title="'Card 2'" content="test2"/>
+        </div>
+        <div>
+            <TodoList/>
         </div>
     </t>
-
 </templates>

awesome_owl/static/src/todo/todoItem/todoItem.js

@@ -0,0 +1,23 @@
+/** @odoo-module **/
+
+import { Component } from "@odoo/owl";
+
+export class TodoItem extends Component{
+    static template = "awesome_owl.TodoItem";
+    static props = {
+        todo:{
+            type: Object,
+            shape: {id : Number, description: String, flag: Boolean}
+        },
+        toggleState: Function,
+        removeTodo : Function,
+    };
+
+    onChange(){
+        this.props.toggleState(this.props.todo.id);
+    }
+
+    onRemove(){
+        this.props.removeTodo(this.props.todo.id)
+    }
+}

awesome_owl/static/src/todo/todoItem/todoItem.xml

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+    <t t-name="awesome_owl.TodoItem">
+        <div class="form-check">
+            <input  class="form-check-input" type="checkbox" t-att-id="props.todo.id" t-att-check="props.todo.flag" t-on-change="onChange"/>
+            <label t-att-for="props.todo.id" t-att-class="props.todo.flag ? 'text-muted text-decoration-line-through' : ''">
+                <t t-esc="props.todo.id"/>
+                <t t-esc="props.todo.description"/>
+            </label>
+            <span role="button" class="fa fa-remove" t-on-click="onRemove"/>
+        </div>
+    </t>
+</templates>

awesome_owl/static/src/todo/todoList/todoList.js

@@ -0,0 +1,44 @@
+/** @odoo-module **/
+
+import { Component, useState, useRef, onMounted } from "@odoo/owl";
+import { TodoItem } from "../todoItem/todoItem";
+import { useAutofocus } from "../utils";
+
+export class TodoList extends Component {
+    static template = "awesome_owl.TodoList";
+
+    static components = { TodoItem };
+
+    setup(){
+        this.todos = useState([]);
+        this.id = 0;
+        useAutofocus("input");
+    }
+
+    addTodo(ev){
+        if(ev.keyCode === 13 && ev.target.value != "")
+        {
+            this.todos.push({
+                id: this.id++,
+                description: ev.target.value,
+                flag: false
+            });
+            ev.target.value = "";
+        }
+    }
+
+    toggleTodo(todoId){
+        const todo = this.todos.find((todo) => todo.id === todoId);
+        if (todo){
+            todo.flag = !todo.flag;
+        }
+    }
+
+    removeTodo(todoId)
+    {
+        const index = this.todos.findIndex((todo) => todo.id === todoId)
+        if(index >= 0){
+            this.todos.splice(index, 1);
+        }
+    }
+}

awesome_owl/static/src/todo/todoList/todoList.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+    <t t-name="awesome_owl.TodoList">
+        <div class="d-flex flex-column border p-2 m-2">
+            <input type="text" id="todoInput" t-on-keyup="addTodo" placeholder="Add a todo" t-ref="input"/>
+            <t t-foreach="todos" t-as="todo" t-key="todo.id">
+                <TodoItem todo="todo" toggleState.bind="toggleTodo" removeTodo.bind="removeTodo"/>
+            </t>
+        </div>
+    </t>
+</templates>

awesome_owl/static/src/todo/utils.js

@@ -0,0 +1,10 @@
+/** @odoo-module */
+
+import { useRef, onMounted } from "@odoo/owl";
+
+export function useAutofocus(refName) {
+    const ref = useRef(refName);
+    onMounted(() => {
+        ref.el.focus();
+    });
+}

estate/__init__.py

@@ -0,0 +1 @@
+from . import models

estate/__manifest__.py

@@ -0,0 +1,13 @@
+{
+    "name": "estate",
+    "depends": ["base"],
+    "author": "loje",
+    "data": [
+        "security/ir.model.access.csv",
+        "views/estate_property_views.xml",
+        "views/estate_property_type_views.xml",
+        "views/estate_property_offer_views.xml",
+        "views/res_user_views.xml",
+        "views/estate_property_menus.xml",
+    ],
+}  # type: ignore

estate/models/__init__.py

@@ -0,0 +1,5 @@
+from . import estate_property
+from . import estate_property_type
+from . import estate_property_tag
+from . import estate_property_offer
+from . import res_user

estate/models/estate_property.py

@@ -0,0 +1,132 @@
+from datetime import timedelta
+
+from odoo import api, fields, models  # type: ignore
+from odoo.exceptions import UserError, ValidationError  # type: ignore
+from odoo.tools.float_utils import float_compare, float_is_zero  # type: ignore
+
+
+class EstateProterty(models.Model):
+    _name = "estate.property"
+    _description = "estate property"
+    _order = "id desc"
+
+    name = fields.Char(string="Title", required=True)
+    description = fields.Text(string="Description")
+    postcode = fields.Char(string="Postcode")
+    date_availability = fields.Date(
+        string="Available From",
+        default=fields.Date.today() + timedelta(days=90),
+        copy=False,
+    )
+    expected_price = fields.Float(string="Expected Price", required=True)
+    selling_price = fields.Float(string="Selling Price", copy=False, readonly=True)
+    bedrooms = fields.Integer(string="Bedrooms", default=2)
+    living_area = fields.Integer(string="Living Area (sqm)")
+    facades = fields.Integer(string="Facades")
+    garage = fields.Boolean(string="Garage")
+    garden = fields.Boolean(string="Garden", store=True)
+    garden_area = fields.Integer(string="Garden area (sqm)")
+    garden_orientation = fields.Selection(
+        selection=[
+            ("north", "North"),
+            ("south", "South"),
+            ("east", "East"),
+            ("west", "West"),
+        ],
+        string="Garden Orientation",
+    )
+
+    active = fields.Boolean(default=True)
+    state = fields.Selection(
+        selection=[
+            ("new", "New"),
+            ("offer received", "Offer Received"),
+            ("offer accepted", "Offer Accepted"),
+            ("sold", "Sold"),
+            ("canceled", "Canceled"),
+        ],
+        string="State",
+        default="new",
+        copy=False,
+        required=True,
+    )
+    estate_property_type_id = fields.Many2one("estate.property.type", string="Type")
+    user_id = fields.Many2one(
+        "res.users",
+        string="Salesperson",
+        index=True,
+        default=lambda self: self.env.user,
+    )
+    buyer = fields.Char(string="buyer", copy=False)
+    buyer_id = fields.Many2one("res.partner", copy=False)
+    tag_ids = fields.Many2many("estate.property.tag", string="Tags")
+    offer_ids = fields.One2many("estate.property.offer", "property_id", string="Offer")
+    total_area = fields.Float(compute="_compute_total_area")
+    best_price = fields.Float(string="Best offer", compute="_compute_best_price")
+
+    @api.depends("offer_ids.price")
+    def _compute_best_price(self):
+        for record in self:
+            record.best_price = max(record.offer_ids.mapped("price"), default=0.0)
+
+    @api.depends("living_area", "garden_area")
+    def _compute_total_area(self):
+        for record in self:
+            record.total_area = record.living_area + record.garden_area
+
+    @api.onchange("garden")
+    def _onchange_garden(self):
+        if self.garden:
+            self.garden_area = 10
+            self.garden_orientation = "north"
+        else:
+            self.garden_area = 0
+            self.garden_orientation = False
+
+    def action_sold(self):
+        if self.state == "canceled":
+            raise UserError("A canceled property cannot be sold")
+        else:
+            self.state = "sold"
+        return True
+
+    def action_cancel(self):
+        if self.state == "sold":
+            raise UserError("sold property cannot be canceled")
+        else:
+            self.state = "canceled"
+        return True
+
+    @api.constrains("expected_price", "selling_price")
+    def _check_positif(self):
+        for record in self:
+            if record.expected_price <= 0:
+                raise ValidationError("Expected price must be positif")
+            if record.selling_price < 0:
+                raise ValidationError("Selling price must be positif")
+
+    @api.constrains("expected_price", "selling_price")
+    def _check_selling_price(self):
+        for record in self:
+            if not float_is_zero(
+                record.selling_price, precision_digits=2
+            ) and not float_is_zero(record.expected_price, precision_digits=2):
+                if (
+                    float_compare(
+                        record.selling_price,
+                        0.9 * record.expected_price,
+                        precision_digits=2,
+                    )
+                    < 0
+                ):
+                    raise models.ValidationError(
+                        "Selling price cannot be lower than 90% of the expected price."
+                    )
+
+    @api.ondelete(at_uninstall=False)
+    def check_property_state_before_deletion(self):
+        for record in self:
+            if record.state not in ["new", "canceled"]:
+                raise models.ValidationError(
+                    "Cannot delete property with state other than 'New' or 'Canceled'."
+                )