gh0sted/cetra
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

enh(example) added a few more basic functionalities from std

Browse Source
This commit is contained in:
Benjamin Wegener
2024-01-16 20:10:13 +00:00
parent 6784649d82
commit 6d517539c3
1 changed files with 49 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
examples/index.html
View File

@@ -11,19 +11,58 @@
<title>Document</title> <title>Document</title>
</head> </head>
<body> <body>
<div data-ctra="SimpleButton"> <div data-ctra>
<button type="button" data-ctra-on="click:increase:counter"> <h1>
This is a simple Counter: the value is
<span data-ctra-var="counter:int:0:10">0</span> <span
</button> data-ctra-var="counter:int:0:0-10"
data-ctra-on="increase:increase:amount"
>0</span
>
</h1>
<div>
<button type="button" data-ctra-on="click:increase:counter:1">
increase
</button>
<button
type="button"
data-ctra-on="click:increase:counter:$amount"
>
increase by <span data-ctra-var="amount:int:1:1-">2</span>
</button>
</div>
<div>
<button type="button" data-ctra-on="click:decrease:counter:1">
decrease
</button>
<button
type="button"
data-ctra-on="click:decrease:counter:$amount"
>
decrease by <span data-ctra-var="amount:int:1:1-">2</span>
</button>
</div>
<div>
<button type="button" data-ctra-on="click:multiply:counter:3">
multiply
</button>
<button
type="button"
data-ctra-on="click:divide:counter:$amount"
>
divide by <span data-ctra-var="amount:int:1:1-">2</span>
</button>
</div>
</div> </div>
<div data-ctra="List" id="cards"> <div data-ctra="List" id="cards">
<div data-ctra="Card"> <template id="card-tpl">
<h1 data-ctra-var="title">Title</h1> <div data-ctra="Card">
<p data-ctra-var="description">Description</p> <h1 data-ctra-var="title">Title</h1>
</div> <p data-ctra-var="description">Description</p>
<button type="button" data-ctra-on="click/duplicate/prev/#cards"> </div>
</template>
<button type="button" data-ctra-on="click:duplicate:prev:#cards">
Add Card Add Card
</button> </button>
</div> </div>