mirror of
https://github.com/sudoxnym/habitica.git
synced 2026-08-05 20:12:19 +00:00
f332c5d9a8
Conflicts: src/app/index.coffee src/app/tasks.coffee styles/app/index.styl views/app/index.html views/app/tasks.html
212 lines
No EOL
11 KiB
HTML
212 lines
No EOL
11 KiB
HTML
<taskLists:>
|
||
<!--helpTitle & helpContent moved to tour -->
|
||
|
||
<!-- Habits Column -->
|
||
<div class="module">
|
||
<div class="task-column habits">
|
||
<h2 class="task-column_title">Habits</h2>
|
||
<app:tasks:newTask type="habit" inputValue="{_newHabit}" placeHolder="New Habit" />
|
||
<ul class="habits">{#each _habitList as :task}<app:tasks:task />{/}</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Dailys Column -->
|
||
<div class="module">
|
||
<div class="task-column dailys">
|
||
<h2 class="task-column_title">Daily</h2>
|
||
<app:tasks:newTask type="daily" inputValue="{_newDaily}" placeHolder="New Daily" />
|
||
<ul class='dailys'>{#each _dailyList as :task}<app:tasks:task />{/}</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Todos Column -->
|
||
<div class="module">
|
||
<div class="task-column todos context-enabled context-uncompleted tabbable tabs-below" id="todo-well">
|
||
<!-- todo export/graph options -->
|
||
<span class='option-box pull-right'>
|
||
{#if _user.history.todos}
|
||
<a class="option-action" x-bind=click:toggleChart data-toggle-id="todos-chart" data-history-path="_user.history.todos" rel=tooltip title="Progress"><i class=icon-signal></i></a>
|
||
{/}
|
||
<a class="option-action" href="/v1/users/{{_user.id}}/calendar.ics?apiToken={{_user.apiToken}}" rel=tooltip title="iCal"><i class=icon-calendar></i></a>
|
||
<!-- <a href="https://www.google.com/calendar/render?cid={{encodeiCalLink(_user.id, _user.apiToken)}}" rel=tooltip title="Google Calendar"><i class=icon-calendar></i></a> -->
|
||
</span>
|
||
<h2 class="task-column_title">Todos</h2>
|
||
|
||
<!-- create new todo -->
|
||
<div class="display-context-dependant show-for-uncompleted">
|
||
<app:tasks:newTask type="todo" inputValue="{_newTodo}" placeHolder="New Todo" />
|
||
</div>
|
||
|
||
<!-- list of all the todos -->
|
||
<ul class='todos task-list'>
|
||
{#each _todoList as :task}<app:tasks:task />{/}
|
||
</ul>
|
||
|
||
<button class='task-action-btn tile spacious bright display-context-dependant show-for-completed' x-bind=click:clearCompleted>Clear Completed</button>
|
||
<div id="todos-chart" style="display:none;"></div>
|
||
|
||
<!-- remaining/completed tabs -->
|
||
<ul class="todo-status-toggler nav nav-tabs">
|
||
<li class="active"><a x-bind=click:changeContext data-target="#todo-well" data-context="context-uncompleted">Remaining</a></li>
|
||
<li><a x-bind=click:changeContext data-target="#todo-well" data-context="context-completed">Complete</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Rewards Column -->
|
||
<app:rewards:rewardsColumn />
|
||
|
||
<!-- Templates -->
|
||
<newTask:>
|
||
<form class="addtask-form form-inline new-task-form" id="new-{@type}" data-task-type="{@type}" x-bind="submit:addTask">
|
||
<span class="addtask-field"><input value="{@inputValue}" type="text" name="new-task" placeholder="{@placeHolder}"/></span>
|
||
<input class="addtask-btn" type="submit" value="＋">
|
||
</form>
|
||
<hr>
|
||
|
||
<!-- all the parts of a single task -->
|
||
<task:>
|
||
<li data-id={{:task.id}} class="task {taskClasses(:task, _user._tagFilters)}">
|
||
|
||
<!-- right-hand side control buttons -->
|
||
<div class="task-meta-controls">
|
||
<!-- edit -->
|
||
<a x-bind=click:toggleTaskEdit data-hide-id="{{:task.id}}-chart" data-toggle-id="{{:task.id}}-edit" rel=tooltip title="Edit"><i class="icon-pencil"></i></a>
|
||
<!-- delete -->
|
||
<a x-bind=click:del rel=tooltip title="Delete"><i class="icon-trash"></i></a>
|
||
<!-- chart -->
|
||
<!-- removing for now cuz it's broken -->
|
||
{#if :task.history}
|
||
<!-- <a x-bind=click:toggleChart data-toggle-id="{{:task.id}}-chart" data-hide-id="{{:task.id}}-edit" data-history-path="_user.tasks.{{:task.id}}.history" rel="tooltip" title="Progress"><i class="icon-signal"></i></a> -->
|
||
{/}
|
||
<!-- notes -->
|
||
{#if :task.notes}
|
||
<span rel="popover" data-trigger="hover" data-placement="left" data-content="{:task.notes}" data-original-title="{:task.text}" class='task-notes'><i class="icon-comment"></i></span>
|
||
{/}
|
||
</div>
|
||
|
||
<!-- left-hand side checkbox -->
|
||
<div class="task-controls">
|
||
<!-- Habits -->
|
||
{#if equal(:task.type, 'habit')}
|
||
{#if :task.up}<a class="task-action-btn" data-direction=up x-bind=click:score>＋</a>{/}
|
||
{#if :task.down}<a class="task-action-btn" data-direction=down x-bind=click:score>−</a>{/}
|
||
|
||
<!-- Rewards -->
|
||
{else if equal(:task.type, 'reward')}
|
||
<a class="money btn-buy" x-bind=click:score data-direction=down>
|
||
<span class="reward-cost">{:task.value}</span>
|
||
<span class='shop_gold'></span>
|
||
</a>
|
||
|
||
<!-- Daily & Todos -->
|
||
{else}
|
||
<span class="task-checker action-yesno">
|
||
<input type=checkbox id="box-{{:task.id}}" class="visuallyhidden focusable" checked="{:task.completed}">
|
||
<label for="box-{{:task.id}}"></label>
|
||
</span>
|
||
{/}
|
||
</div>
|
||
|
||
<!-- main content -->
|
||
<p class="task-text">
|
||
{:task.text}
|
||
{#each _user.tags as :tag}
|
||
{#if :task.tags[:tag.id]}
|
||
<span class="label {#if _user._tagFilters[:tag.id]}label-info{/}">{:tag.name}</span>
|
||
{/}
|
||
{/}
|
||
</p>
|
||
|
||
<!-- edit/options dialog -->
|
||
<app:tasks:taskMeta />
|
||
</li>
|
||
|
||
<!-- task edit/options -->
|
||
<taskMeta:>
|
||
<div id="{{:task.id}}-edit" class="task-options visuallyhidden">
|
||
<form x-bind=submit:toggleTaskEdit data-toggle-id="{{:task.id}}-edit">
|
||
<!-- text & notes -->
|
||
<fieldset class="option-group">
|
||
<label class="option-title">Text</label><input class="option-content" type=text value={:task.text}>
|
||
<label class="option-title">Extra Notes</label><textarea class="option-content" rows=3>{:task.notes}</textarea>
|
||
</fieldset>
|
||
|
||
<!-- if Habit, plus/minus command options -->
|
||
{#if equal(:task.type, 'habit')}
|
||
<fieldset class="option-group">
|
||
<legend class="option-title">Direction/Actions</legend>
|
||
<span class="task-checker action-plusminus select-toggle">
|
||
<input class="visuallyhidden focusable" type=checkbox id="{{:task.id}}-option-plus" checked={:task.up}>
|
||
<label for="{{:task.id}}-option-plus"></label>
|
||
</span>
|
||
<span class="task-checker action-plusminus select-toggle">
|
||
<input class="visuallyhidden focusable" type=checkbox id="{{:task.id}}-option-minus" checked={:task.down}>
|
||
<label for="{{:task.id}}-option-minus"></label>
|
||
</span>
|
||
</fieldset>
|
||
|
||
<!-- if Daily, calendar -->
|
||
{else if equal(:task.type, 'daily')}
|
||
<fieldset class="option-group">
|
||
<legend class="option-title">Repeat</legend>
|
||
<div class="task-controls tile-group repeat-days">
|
||
<!-- note, does not use data-toggle="buttons-checkbox" - it would interfere with our own click binding -->
|
||
<button type="button" class="task-action-btn tile {#if :task.repeat.su}active{/}" data-day='su' x-bind=click:toggleDay>Su</button>
|
||
<button type="button" class="task-action-btn tile {#if :task.repeat.m}active{/}" data-day='m' x-bind=click:toggleDay>M</button>
|
||
<button type="button" class="task-action-btn tile {#if :task.repeat.t}active{/}" data-day='t' x-bind=click:toggleDay>T</button>
|
||
<button type="button" class="task-action-btn tile {#if :task.repeat.w}active{/}" data-day='w' x-bind=click:toggleDay>W</button>
|
||
<button type="button" class="task-action-btn tile {#if :task.repeat.th}active{/}" data-day='th' x-bind=click:toggleDay>Th</button>
|
||
<button type="button" class="task-action-btn tile {#if :task.repeat.f}active{/}" data-day='f' x-bind=click:toggleDay>F</button>
|
||
<button type="button" class="task-action-btn tile {#if :task.repeat.s}active{/}" data-day='s' x-bind=click:toggleDay>S</button>
|
||
</div>
|
||
</fieldset>
|
||
|
||
<!-- if Reward, pricing -->
|
||
{else if equal(:task.type, 'reward')}
|
||
<div class=control-group>
|
||
<label>Price</label>
|
||
<div class="input-append">
|
||
<input class="span5" size="16" type="number" min="0" value={:task.value}><span class="add-on">Gold</span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- if Todo, the due date -->
|
||
{else if equal(:task.type, 'todo')}
|
||
<fieldset class="option-group">
|
||
<legend class="option-title">Due Date</legend>
|
||
<input class="option-content datepicker" type="text" value="{:task.date}" data-date-format="mm/dd/yyyy">
|
||
</fieldset>
|
||
{/}
|
||
|
||
<!-- Advanced Options -->
|
||
{#unless equal(:task.type, 'reward')}
|
||
<p x-bind="click:tasksToggleAdvanced" class="option-title mega">Advanced Options</p>
|
||
<fieldset class="option-group advanced-option visuallyhidden">
|
||
<legend class="option-title"><a class='priority-multiplier-help' href="https://trello.com/card/priority-multiplier/50e5d3684fe3a7266b0036d6/17" target="_blank"><i class='icon-question-sign'></i></a> Difficulty</legend>
|
||
<div class="task-controls tile-group priority-multiplier" data-id="{{:task.id}}">
|
||
<button type="button" class="task-action-btn tile {#if equal(:task.priority,'!')}active{/}{#unless :task.priority}active{/}" data-priority='!' x-bind=click:tasksSetPriority>Easy</button>
|
||
<button type="button" class="task-action-btn tile {#if equal(:task.priority,'!!')}active{/}" data-priority='!!' x-bind=click:tasksSetPriority>Medium</button>
|
||
<button type="button" class="task-action-btn tile {#if equal(:task.priority,'!!!')}active{/}" data-priority='!!!' x-bind=click:tasksSetPriority>Hard</button>
|
||
</div>
|
||
</fieldset>
|
||
{/}
|
||
|
||
<div class="control-group">
|
||
<div class="btn-group">
|
||
<button class="btn dropdown-toggle" data-toggle="dropdown">
|
||
Tags <span class="caret"></span>
|
||
</button>
|
||
<ul class="dropdown-menu">
|
||
{#each _user.tags as :tag}
|
||
<li class="{#if :task.tags[:tag.id]}active{/}"><a data-task-id="{{:task.id}}" data-tag-id="{:tag.id}" x-bind=click:addTag>{:tag.name}</a></li>
|
||
{/}
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<button type=submit class="task-action-btn tile spacious" x-bind="click:tasksSaveAndClose">Save & Close</button>
|
||
</form>
|
||
</div>
|
||
|
||
<div style="display:none;" id={{:task.id}}-chart></div> |