Matt/odoo-tutorials
1
0
Fork 0
mirror of https://github.com/SARL-PACIFIC-ERP/odoo-sh-test.git synced 2025-06-25 09:32:22 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

sect 13

Browse source
This commit is contained in:
Matt Marcha 2024-08-21 16:41:01 -10:00
parent 6396160269
commit 9cbbc8c467
3 changed files with 16 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
awesome_owl/static/src/card/card.js
View file

@ -4,5 +4,13 @@ import { Component, useState } from "@odoo/owl";
export class Card extends Component { export class Card extends Component {
static template = "awesome_owl.card"; static template = "awesome_owl.card";
static props = ['title', 'content']; static props = {
title: String,
slots: {
type: Object,
shape: {
default: true
},
}
};
} }

2
awesome_owl/static/src/card/card.xml
View file

@ -7,7 +7,7 @@
<div class="card-body"> <div class="card-body">
<h3 class="card-title"><t t-esc="props.title"/></h3> <h3 class="card-title"><t t-esc="props.title"/></h3>
<p class="card-text"> <p class="card-text">
<t t-esc="props.content"/> <t t-slot="default"/>
</p> </p>
</div> </div>
</div> </div>

8
awesome_owl/static/src/playground.xml
View file

@ -6,8 +6,12 @@
<Counter onChange.bind="incrementSum"/> <Counter onChange.bind="incrementSum"/>
<p>The sum is <t t-esc="sum.value"/></p> <p>The sum is <t t-esc="sum.value"/></p>
<hr /> <hr />
<Card title="'Card 1'" content="'This is the awesome content of the card 1'" /> <Card title="'Card 1'">
<Card title="'Card, the 2nd'" content="'Here is another card content. It is the second one.'" /> <span>Hello Owl</span>
</Card>
<Card title="'Card, the 2nd'">
<Counter />
</Card>
<hr/> <hr/>
<TodoList /> <TodoList />
</t> </t>