mirror of
https://github.com/sudoxnym/habitica-self-host.git
synced 2026-04-14 19:47:03 +00:00
Adding habit, daily, todo, & reward basic html components
This commit is contained in:
parent
8d6a907cfc
commit
e959013a1e
1 changed files with 56 additions and 3 deletions
|
|
@ -6,10 +6,15 @@
|
|||
|
||||
<Body:>
|
||||
<div id=overlay></div>
|
||||
<div id=head>
|
||||
Money: {_user.money}<br/>
|
||||
Exp: {_user.exp}<br/>
|
||||
Lvl: {_user.lvl}<br/>
|
||||
</div>
|
||||
|
||||
<h1>Habits</h1>
|
||||
<div id=dragbox-habit></div>
|
||||
<div id=content-habit><ul id=habits>{#each _habitList}<app:todo>{/}</ul></div>
|
||||
<div id=content-habit><ul id=habits>{#each _habitList}<app:habit>{/}</ul></div>
|
||||
<form x-bind=submit:addHabit>
|
||||
<input id=new-habit value={_newHabit}></div>
|
||||
<input type=submit value=Add>
|
||||
|
|
@ -17,7 +22,7 @@
|
|||
|
||||
<h1>Dailies</h1>
|
||||
<div id=dragbox-daily></div>
|
||||
<div id=content-daily><ul id=dailys>{#each _dailyList}<app:todo>{/}</ul></div>
|
||||
<div id=content-daily><ul id=dailys>{#each _dailyList}<app:daily>{/}</ul></div>
|
||||
<form x-bind=submit:addDaily>
|
||||
<input id=new-daily value={_newDaily}></div>
|
||||
<input type=submit value=Add>
|
||||
|
|
@ -33,12 +38,44 @@
|
|||
|
||||
<h1>Rewards</h1>
|
||||
<div id=dragbox-reward></div>
|
||||
<div id=content-reward><ul id=rewards>{#each _rewardList}<app:todo>{/}</ul></div>
|
||||
<div id=content-reward><ul id=rewards>{#each _rewardList}<app:reward>{/}</ul></div>
|
||||
<form x-bind=submit:addReward>
|
||||
<input id=new-reward value={_newReward}></div>
|
||||
<input type=submit value=Add>
|
||||
</form>
|
||||
|
||||
<habit:>
|
||||
<li data-id={{id}} class="habit">
|
||||
<table width=100%>
|
||||
<tr>
|
||||
<td class=handle width=0></td>
|
||||
<td width=100%>
|
||||
<div class=todo>
|
||||
<label>+ -<i></i></label>
|
||||
<div x-bind=keydown:shortcuts contenteditable>{unescaped .text}</div>
|
||||
</div>
|
||||
</td>
|
||||
<td width=0><button class=delete x-bind=click:del>Delete</button></td>
|
||||
</tr>
|
||||
</table>
|
||||
</li>
|
||||
|
||||
<daily:>
|
||||
<li data-id={{id}} class="{#if .completed}completed{/}">
|
||||
<table width=100%>
|
||||
<tr>
|
||||
<td class=handle width=0></td>
|
||||
<td width=100%>
|
||||
<div class=todo>
|
||||
<label><input type=checkbox checked={.completed}><i></i></label>
|
||||
<div x-bind=keydown:shortcuts contenteditable>{unescaped .text}</div>
|
||||
</div>
|
||||
</td>
|
||||
<td width=0><button class=delete x-bind=click:del>Delete</button></td>
|
||||
</tr>
|
||||
</table>
|
||||
</li>
|
||||
|
||||
<todo:>
|
||||
<li data-id={{id}} class="{#if .completed}completed{/}">
|
||||
<table width=100%>
|
||||
|
|
@ -55,6 +92,22 @@
|
|||
</table>
|
||||
</li>
|
||||
|
||||
<reward:>
|
||||
<li data-id={{id}} class="reward">
|
||||
<table width=100%>
|
||||
<tr>
|
||||
<td class=handle width=0></td>
|
||||
<td width=100%>
|
||||
<div class=todo>
|
||||
<label>${.price}<i></i></label>
|
||||
<div x-bind=keydown:shortcuts contenteditable>{unescaped .text}</div>
|
||||
</div>
|
||||
</td>
|
||||
<td width=0><button class=delete x-bind=click:del>Delete</button></td>
|
||||
</tr>
|
||||
</table>
|
||||
</li>
|
||||
|
||||
<alert:>
|
||||
<div id=alert>
|
||||
{#unless connected}
|
||||
|
|
|
|||
Loading…
Reference in a new issue