[IMP] awesome_owl: added counter ui in playground, added card,counter component.

added counter button and component in  playground xml.
created counter and card component with it's xml and js files.
added property field in sales order form using inheritance.

Author: danal-odoo

awesome_owl/static/src/card/card.js

@@ -0,0 +1,9 @@
+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; border: 2px solid black; border-radius: 12px; margin-top: 10px; text-align:center;">
+            <div class="card-body">
+                <h4 class="card-title" style="background-color: blue; margin:0; border-radius:14px;">
+                    <t t-esc="props.title"/>
+                </h4>
+                <p class="card-text" style="background-color: green; margin:10px; border-radius:14px;">
+                    <t t-esc="props.content"/>
+                </p>
+            </div>
+        </div>
+    </t>
+</templates>

awesome_owl/static/src/counter/counter.js

@@ -0,0 +1,21 @@
+import { Component, useState } from "@odoo/owl";
+
+export class Counter extends Component {
+    static template = "awesome_owl.counter";
+
+    setup() {
+        this.state = useState({ value: 0 });
+    }
+
+    increment() {
+        this.state.value++;
+    }
+
+    decrement() {
+        this.state.value--;
+    }
+
+    reset() {
+        this.state.value = 0;
+    }
+}

awesome_owl/static/src/counter/counter.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+    <t t-name="awesome_owl.counter">
+        <div style="border: 2px solid black; border-radius: 12px; width: fit-content; padding: 10px; margin-top:10px;">
+            <p>Counter: <t t-esc="state.value"/></p>
+            <button class="btn btn-primary" t-on-click="increment">Increment</button>
+            <button class="btn btn-primary" t-on-click="decrement">Decrement</button>
+            <button t-if="state.value != 0" class="btn btn-primary" t-on-click="reset">Reset</button>
+        </div>
+    </t>
+</templates>

awesome_owl/static/src/playground.js

@@ -1,5 +1,24 @@
-import { Component } from "@odoo/owl";
+import { Component, useState } from "@odoo/owl";
+import { Counter } from "./counter/counter";
+import { Card } from "./card/card";
 
 export class Playground extends Component {
     static template = "awesome_owl.playground";
+    static components = {Counter,Card};
+
+    setup() {
+        this.state = useState({ value: 0 });
+    }
+
+    increment() {
+        this.state.value++;
+    }
+
+    decrement() {
+        this.state.value--;
+    }
+
+    reset(){
+        this.state.value = 0;
+    }
 }

awesome_owl/static/src/playground.xml

@@ -1,10 +1,14 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <templates xml:space="preserve">
-
     <t t-name="awesome_owl.playground">
-        <div class="p-3">
-            hello world
+        <div style="border: 2px solid black; border-radius: 12px; width: fit-content; padding: 10px; margin-top:5px;">
+            <p>Counter: <t t-esc="state.value"/></p>
+            <button class="btn btn-primary" t-on-click="increment">Increment</button>
+            <button class="btn btn-primary" t-on-click="decrement">Decrement</button>
+            <button t-if="state.value != 0" class="btn btn-primary" t-on-click="reset">Reset</button>
         </div>
+        <Counter/>
+        <Card title="'Hello'" content="'word'"/>
+        <Card title="'New'" content="'Card'"/>
     </t>
-
 </templates>

estate/__manifest__.py

@@ -5,7 +5,7 @@
     Real Estate Module to Buy and Sell Your Real Estate with Ease.
     """,
     "version": "1.0",
-    "depends": ["base"],
+    "depends": ["base", "sale"],
     "author": "danal",
     "category": "Category",
     "application": True,
@@ -17,6 +17,7 @@
         "views/estate_property_tag_views.xml",
         "views/estate_property_type_views.xml",
         "views/res_users_views.xml",
+        "views/sale_order_views.xml",
         "views/estate_menus.xml",
     ],
 }

estate/models/__init__.py

@@ -4,3 +4,4 @@
 from . import estate_property_tag
 from . import estate_property_offer
 from . import res_users
+from . import sale_order

estate/models/sale_order.py

@@ -0,0 +1,7 @@
+from odoo import fields, models
+
+
+class SaleOrder(models.Model):
+    _inherit = "sale.order"
+
+    property_id = fields.Many2one("estate.property")

estate/views/estate_property_offer_views.xml

@@ -12,8 +12,8 @@
         <field name="model">estate.property.offer</field>
         <field name="arch" type="xml">  
             <list string="Offer" editable="bottom" decoration-danger="status=='refused'" decoration-success="status=='accepted'">
-                <field name="price" options="{'type': 'number', 'step': 100}"/>
                 <field name="partner_id"/>
+                <field name="price" options="{'type': 'number', 'step': 100}"/>
                 <field name="validity" string="Validity(days)"/>
                 <field name="date_deadline"/>
                 <button name="action_accept" string="Accept" type="object" icon="fa-check" invisible="status in ('accepted', 'refused')"/>