Shane Lister
6d259bdd48
Temp fix for #1599 Hides the edit button on task editing. Shows new cancel button on task editing. Hides task notes on task editing. Notes: Still needs a save button up top, ```save(task)``` didn't seem to be working with ng-click (also tried a couple other things.) Will revisit. 'ng-if's could also work instead of 'ng-hide's. Decided that we don't really need to have the task notes popover display while editing tasks since that stuff is already in the task editing pane.
161 lines
8.6 KiB
Plaintext
161 lines
8.6 KiB
Plaintext
li(ng-repeat='task in user[list.type + "s"]', class='task {{taskClasses(task,user.filters,user.preferences.dayStart,user.lastCron,list.showCompleted,list.main)}}', data-id='{{task.id}}')
|
|
// right-hand side control buttons
|
|
.task-meta-controls
|
|
// Streak
|
|
span(ng-show='task.streak') {{task.streak}}
|
|
span(tooltip='Streak Counter')
|
|
i.icon-forward
|
|
|
|
i.icon-tags(tooltip='{{appliedTags(user.tags, task.tags)}}', ng-hide='noTags(task.tags)')
|
|
|
|
// edit
|
|
a(ng-hide='task._editing', ng-click='task._editing = !task._editing', tooltip='Edit')
|
|
i.icon-pencil(ng-hide='task._editing')
|
|
// cancel
|
|
a(ng-hide='!task._editing', ng-click='task._editing = !task._editing', tooltip='Cancel')
|
|
i.icon-remove(ng-hide='!task._editing')
|
|
//- challenges
|
|
// {{#if task.challenge}}
|
|
// {{#if brokenChallengeLink(task)}}
|
|
// <i class='icon-bullhorn' style='background-color:red;' x-bind=click:toggleTaskEdit tooltip="Broken Challenge Link"></i>
|
|
// {{else}}
|
|
// <i class='icon-bullhorn' tooltip="Challenge Task"></i>
|
|
// {{/}}
|
|
// {{else}}
|
|
|
|
// delete
|
|
a(ng-click='remove(task)', tooltip='Delete')
|
|
i.icon-trash
|
|
// chart
|
|
a(ng-show='task.history', x-bind='click:toggleChart', ng-click='notPorted()', data-id='{{task.id}}', tooltip='Progress')
|
|
i.icon-signal
|
|
// notes
|
|
span.task-notes(ng-hide='task._editing', ng-show='task.notes', popover-trigger='mouseenter', popover-placement='left', popover='{{task.notes}}', popover-title='{{task.text}}')
|
|
i.icon-comment
|
|
|
|
// left-hand side checkbox
|
|
.task-controls.task-primary
|
|
|
|
// Habits
|
|
span(ng-if='list.main && task.type=="habit"')
|
|
// only allow scoring on main tasks, not when viewing others' public tasks or when creating challenges
|
|
a.task-action-btn(ng-if='task.up', ng-click='score(task,"up")') +
|
|
a.task-action-btn(ng-if='task.down', ng-click='score(task,"down")') -
|
|
//span(ng-if='!list.main')
|
|
// span.task-action-btn(ng-show='task.up') +
|
|
// span.task-action-btn(ng-show='task.down') =
|
|
|
|
// Rewards
|
|
span(ng-show='list.main && task.type=="reward"')
|
|
// only allow scoring on main tasks, not when viewing others' public tasks or when creating challenges
|
|
a.money.btn-buy(ng-click='score(task, "down")')
|
|
span.reward-cost {{task.value}}
|
|
span.shop_gold
|
|
//span(ng-if='!list.main')
|
|
// span.money.btn-buy
|
|
// span.reward-cost {{task.value}}
|
|
// span.shop_gold
|
|
|
|
// Daily & Todos
|
|
span.task-checker.action-yesno(ng-if='task.type=="daily" || task.type=="todo"')
|
|
// only allow scoring on main tasks, not when viewing others' public tasks or when creating challenges
|
|
//span(ng-if='list.main')
|
|
input.visuallyhidden.focusable(id='box-{{task.id}}', type='checkbox', ng-model='task.completed', ng-change='changeCheck(task)')
|
|
label(for='box-{{task.id}}')
|
|
//span(ng-if='!list.main')
|
|
// input.visuallyhidden.focusable(id='box-{{task.id}}-static',type='checkbox', checked='false')
|
|
// label(for='box-{{task.id}}-static')
|
|
// main content
|
|
p.task-text
|
|
// {{#if taskInChallenge(task)}}
|
|
// {{taskAttrFromChallenge(task,'text')}}
|
|
// {{else}}
|
|
| {{task.text}}
|
|
// {{/}}
|
|
|
|
// edit/options dialog
|
|
.task-options(ng-show='task._editing')
|
|
// {{#if brokenChallengeLink(task)}}
|
|
// <div class='well'>
|
|
// <p>Broken Challenge Link: this task was part of a challenge, but (a) challenge (or containing group) has been deleted, or (b) the task was deleted from the challenge.</p>
|
|
// <p><a>Keep</a> | <a>Keep all from challenge</a> | <a>Delete</a> | <a>Delete all from challenge</a></p>
|
|
// </div>
|
|
// {{/}}
|
|
form(ng-controller="TaskDetailsCtrl", ng-submit='save(task)')
|
|
// text & notes
|
|
fieldset.option-group
|
|
// {{#unless taskInChallenge(task)}}
|
|
label.option-title Text
|
|
input.option-content(type='text', ng-model='task.text', required)
|
|
// {{/}}
|
|
label.option-title Extra Notes
|
|
// {{#if taskInChallenge(task)}}
|
|
// <textarea class="option-content" rows=3 disabled>{{taskAttrFromChallenge(task,'notes')}}</textarea>
|
|
// {{else}}
|
|
textarea.option-content(rows='3', ng-model='task.notes')
|
|
// {{/}}
|
|
// if Habit, plus/minus command options
|
|
// {{#unless taskInChallenge(task)}}
|
|
fieldset.option-group(ng-if='task.type=="habit"')
|
|
legend.option-title Direction/Actions
|
|
span.task-checker.action-plusminus.select-toggle
|
|
input.visuallyhidden.focusable(id='{{task.id}}-option-plus', type='checkbox', ng-model='task.up')
|
|
label(for='{{task.id}}-option-plus')
|
|
span.task-checker.action-plusminus.select-toggle
|
|
input.visuallyhidden.focusable(id='{{task.id}}-option-minus', type='checkbox', ng-model='task.down')
|
|
label(for='{{task.id}}-option-minus')
|
|
// {{/}}
|
|
// if Daily, calendar
|
|
fieldset(ng-if='task.type=="daily"', class="option-group")
|
|
legend.option-title Repeat
|
|
.task-controls.tile-group.repeat-days
|
|
// note, does not use data-toggle="buttons-checkbox" - it would interfere with our own click binding
|
|
button.task-action-btn.tile(ng-class='{active: task.repeat.su}', type='button', data-day='su', ng-click='task.repeat.su = !task.repeat.su') Su
|
|
button.task-action-btn.tile(ng-class='{active: task.repeat.m}', type='button', data-day='m', ng-click='task.repeat.m = !task.repeat.m') M
|
|
button.task-action-btn.tile(ng-class='{active: task.repeat.t}', type='button', data-day='t', ng-click='task.repeat.t = !task.repeat.t') T
|
|
button.task-action-btn.tile(ng-class='{active: task.repeat.w}', type='button', data-day='w', ng-click='task.repeat.w = !task.repeat.w') W
|
|
button.task-action-btn.tile(ng-class='{active: task.repeat.th}', type='button', data-day='th', ng-click='task.repeat.th = !task.repeat.th') Th
|
|
button.task-action-btn.tile(ng-class='{active: task.repeat.f}', type='button', data-day='f', ng-click='task.repeat.f = !task.repeat.f') F
|
|
button.task-action-btn.tile(ng-class='{active: task.repeat.s}', type='button', data-day='s', ng-click='task.repeat.s = !task.repeat.s') S
|
|
// if Reward, pricing
|
|
fieldset.option-group.option-short(ng-if='task.type=="reward"')
|
|
legend.option-title Price
|
|
input.option-content(type='number', size='16', min='0', step="any", ng-model='task.value')
|
|
.money.input-suffix
|
|
span.shop_gold
|
|
// if Todos, the due date
|
|
fieldset.option-group(ng-if='task.type=="todo"')
|
|
legend.option-title Due Date
|
|
input.option-content.datepicker(type='text', value='{{task.date}}', data-date-format='mm/dd/yyyy')
|
|
|
|
fieldset.option-group(ng-if='list.main')
|
|
legend.option-title Tags
|
|
label.checkbox(ng-repeat='tag in user.tags')
|
|
input(type='checkbox', ng-model='task.tags[tag.id]')
|
|
| {{tag.name}}
|
|
|
|
// Advanced Options
|
|
span(ng-if='task.type!="reward"')
|
|
p.option-title.mega(ng-click='task._advanced = !task._advanced') Advanced Options
|
|
fieldset.option-group.advanced-option(ng-class="{visuallyhidden: !task._advanced}")
|
|
legend.option-title
|
|
a.priority-multiplier-help(href='https://trello.com/card/priority-multiplier/50e5d3684fe3a7266b0036d6/17', target='_blank', popover-title='How difficult is this task?', popover-trigger='mouseenter', popover="This multiplies its point value. Use sparingly, rely instead on our organic value-adjustment algorithms. But some tasks are grossly more valuable (Write Thesis vs Floss Teeth). Click for more info.")
|
|
i.icon-question-sign
|
|
| Difficulty
|
|
// {{#if taskInChallenge(task)}}
|
|
// <button disabled type="button" class="task-action-btn tile active">
|
|
// {{taskAttrFromChallenge(task,'priority')}}
|
|
// </button>
|
|
// {{else}}
|
|
.task-controls.tile-group.priority-multiplier(data-id='{{task.id}}')
|
|
button.task-action-btn.tile(type='button', ng-class='{active: task.priority=="!" || !task.priority}', ng-click='task.priority="!"') Easy
|
|
button.task-action-btn.tile(type='button', ng-class='{active: task.priority=="!!"}', ng-click='task.priority="!!"') Medium
|
|
button.task-action-btn.tile(type='button', ng-class='{active: task.priority=="!!!"}', ng-click='task.priority="!!!"') Hard
|
|
// {{/}}
|
|
span(ng-if='task.type=="daily"')
|
|
legend.option-title Restore Streak
|
|
input.option-content(type='number', ng-model='task.streak')
|
|
button.task-action-btn.tile.spacious(type='submit') Save & Close
|
|
|
|
div(class='{{task.id}}-chart', ng-show='_page.charts[task.id]')
|