super-productivity/app/scripts/task-list/task-list-d.html
2017-01-06 21:33:10 +01:00

96 lines
3.2 KiB
HTML

<ul class="task-list"
as-sortable="vm.dragControlListeners"
ng-model="vm.tasks">
<li class="task"
as-sortable-item
ng-class="{'is-current': vm.currentTask.id === task.id, 'is-done':task.isDone}"
ng-repeat="task in vm.tasks|limitTo:vm.limitTo|filter:vm.filter track by task.id"
tabindex="1"
ng-keydown="vm.handleKeyPress($event, task)">
<div class="first-line"
layout="row"
as-sortable-item-handle
layout-align="center center">
<ng-md-icon class="handle"
flex="none"
icon="drag_handle"></ng-md-icon>
<md-button class="md-icon-button"
aria-label="mark as current"
ng-click="vm.currentTask=task"
ng-show="vm.allowTaskSelection">
<ng-md-icon icon="play_circle_outline"
aria-label="mark as current"></ng-md-icon>
</md-button>
<div class="title"
flex="auto"
layout="row"
layout-align="center center">
<span class="text"
tabindex="2"
edit-on-click-toggle="task.showEdit"
edit-on-click="task.title">{{ task.title }}</span>
</div>
<div class="time"
data-ng-show="task.timeEstimate || task.timeSpend">
{{ task.timeSpend |duration }} <span ng-show="task.timeEstimate">/</span>
{{ task.timeEstimate |duration }}
</div>
<md-button class="md-icon-button"
tabindex="2"
aria-label="time estimation"
ng-click="vm.estimateTime(task)">
<ng-md-icon icon="access_time"
aria-label="time estimation"></ng-md-icon>
</md-button>
<md-button class="md-icon-button"
aria-label="notes"
tabindex="2"
ng-class="{'is-active':task.showNotes}"
ng-click="task.showNotes=!task.showNotes">
<ng-md-icon icon="insert_comment"
ng-if="task.notes"
aria-label="notes"></ng-md-icon>
<ng-md-icon icon="mode_comment"
ng-if="!task.notes"
aria-label="notes"></ng-md-icon>
</md-button>
<md-button class="md-icon-button"
aria-label="delete"
tabindex="2"
ng-click="vm.deleteTask(task.id)">
<ng-md-icon icon="delete_forever"
aria-label="delete"
style="fill: #dc2d3d;"></ng-md-icon>
</md-button>
<md-checkbox ng-model="task.isDone"
tabindex="2"
ng-change="vm.onTaskDoneChanged(task)"
aria-label="un-/mark as done">
</md-checkbox>
</div>
<md-progress-linear md-mode="determinate"
ng-show="task.progress"
value="{{task.progress}}"></md-progress-linear>
<div class="notes"
flex="100"
ng-if="task.showNotes===true">
<label>Notes</label>
<textarea ng-model="task.notes"
rows="5"
md-auto-focus
md-select-on-focus></textarea>
</div>
</li>
</ul>