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

sect 14

Browse source
This commit is contained in:
Matt Marcha 2024-08-21 17:08:11 -10:00
parent 9cbbc8c467
commit 0e73d8686d
2 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -13,4 +13,12 @@ export class Card extends Component {
}, },
} }
}; };
setup() {
this.toggle = useState({isOpen: true});
}
toggleContent() {
this.toggle.isOpen = !this.toggle.isOpen;
}
} }

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

@ -5,8 +5,11 @@
<section> <section>
<div class="card d-inline-block m-2" style="width: 18rem;"> <div class="card d-inline-block m-2" style="width: 18rem;">
<div class="card-body"> <div class="card-body">
<h3 class="card-title"><t t-esc="props.title"/></h3> <h3 class="card-title">
<p class="card-text"> <t t-out="props.title"/>
<button class="btn" t-on-click="toggleContent">Toggle</button>
</h3>
<p class="card-text" t-if="toggle.isOpen">
<t t-slot="default"/> <t t-slot="default"/>
</p> </p>
</div> </div>