sudoxreboot/habitica
1
0
Fork 0
mirror of https://github.com/sudoxnym/habitica.git synced 2026-08-01 15:31:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

un-DRYing index.html again. causes too many issues. also note you

Browse source 
can't use {{{var}}} in component IDs
This commit is contained in:
Tyler Renelle 2012-06-08 14:57:27 -04:00
parent cd17e7a540
commit 8019ec3472
1 changed files with 119 additions and 81 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

200
views/app/index.html
View file

@ -5,13 +5,7 @@
<app:alert>
<dragList: nonvoid>
<h1>{{{title}}}</h1>
<div id=dragbox-{{{type}}}></div>
<div id=content-{{{type}}}><ul id={{{type}}}s>{{{content}}}</ul></div>
<form x-bind=submit:{{{addFunc}}}>
<input id=new-{{{type}}} value={{{newVal}}}>
<input type=submit value=Add>
</form>
<Body:>
<div id=overlay></div>
@ -21,82 +15,126 @@
Lvl: {_user.lvl}<br/>
</div>
<app:dragList title="Habits" type="habit" addFunc=addHabit newVal={_newHabit}>
{#each _habitList}
<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>
{/}
</app:dragList>
<app:dragList title="Dailies" type="daily" addFunc=addDaily newVal={_newDaily}>
{#each _dailyList}
<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>
{/}
</app:dragList>
<div id=content>
<div class=habits>
<h1>Habits</h1>
<div class=dragbox></div>
<div class=content>
<ul>
{#each _habitList}
<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>
{/}
</ul>
</div>
<form x-bind=submit:addHabit>
<input class=new value={_newHabit}>
<input type=submit value=Add>
</form>
</div>
<div class=dailies>
<h1>Dailies</h1>
<div class=dragbox></div>
<div class=content>
<ul>
{#each _dailyList}
<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>
{/}
</ul>
</div>
<form x-bind=submit:addDaily>
<input class=new value={_newDaily}>
<input type=submit value=Add>
</form>
</div>
<app:dragList title="Todos" type="todo" addFunc=addTodo newVal={_newTodo}>
{#each _todoList}
<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>
{/}
</app:dragList>
<app:dragList title="Rewards" type="todo" addFunc=addReward newVal={_newReward}>
{#each _rewardList}
<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>
{/}
</app:dragList>
<div class=todos>
<h1>Todos</h1>
<div class=dragbox></div>
<div class=content>
<ul>
{#each _todoList}
<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>
{/}
</ul>
</div>
<form x-bind=submit:addTodo>
<input class=new value={_newTodo}>
<input type=submit value=Add>
</form>
</div>
<div class=rewards>
<h1>Rewards</h1>
<div class=dragbox></div>
<div class=content>
<ul>
{#each _rewardList}
<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>
{/}
</ul>
</div>
<form x-bind=submit:addReward>
<input class=new value={_newReward}>
<input type=submit value=Add>
</form>
</div>
</div>
<alert:>
<div id=alert>
{#unless connected}