-
-
Notifications
You must be signed in to change notification settings - Fork 747
/
daily-summary.component.html
134 lines (124 loc) · 4.69 KB
/
daily-summary.component.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<div class="page-wrapper">
<div style="text-align: center;">
<button mat-raised-button=""
class="back-btn"
aria-label="Work View"
routerLink="/work-view">
<mat-icon>chevron_left</mat-icon>
Wait I forgot something!
<!--<mat-icon>playlist_play</mat-icon>-->
</button>
</div>
<h1 class="done-headline mat-headline">Take a moment to <i class="TODO-animate">celebrate!</i></h1>
<div class="daily-summary-summary">
<div class="summary-point">
<mat-icon>check</mat-icon>
<div class="summary-text">Tasks completed:
<div class="summary-val">
<span [innerHtml]="(doneTasks$|async)?.length"></span>/<span [innerHtml]="(todaysTasks$|async)?.length"></span>
</div>
</div>
</div>
<div class="summary-point">
<mat-icon>timer</mat-icon>
<div class="summary-text">Total time spent today:
<div class="summary-val"
[innerHtml]="workingToday$|async|msToString"></div>
</div>
</div>
<div class="summary-point">
<mat-icon>timer</mat-icon>
<div class="summary-text">Total time spent on today's task:
<div class="summary-val"
[innerHtml]="totalTimeSpentTasks$|async|msToString"></div>
</div>
</div>
</div>
<mat-tab-group dynamicHeight>
<mat-tab label="Note for tomorrow">
<p style="margin-top: 8px;">This is meant to be a takeaway to be even more productive and happy tomorrow. E.g.: What did you learn today? What do you want to do better/smarter tomorrow? What do you want to achieve and why?</p>
<p>Think a second and reflect on the day.</p>
<textarea [(ngModel)]="tomorrowsNote"
class="tomorrows-note bg-standard mat-elevation-z3"
rows="5"></textarea>
</mat-tab>
<mat-tab label="Task List">
<table class="task-summary-table bg-standard">
<tr>
<th>Title</th>
<th>Sub-Tasks</th>
<th>Time spent today</th>
<th>Time spent total</th>
<th>Time esti.</th>
<th></th>
</tr>
<tr *ngFor="let task of todaysTasks$|async"
[class.is-done]="task.isDone">
<td [innerHtml]="task.title"></td>
<td>
<span *ngFor="let task of task.subTasks"><span [innerHtml]="task.title"></span>: <span [innerHtml]="task.timeSpentOnDay[todayStr]|msToString"></span><br></span>
</td>
<td [innerHtml]="task.timeSpentOnDay[todayStr] |msToString"></td>
<td [innerHtml]="task.timeSpent |msToString"></td>
<td [innerHtml]="task.timeEstimate |msToString"></td>
<td>
<mat-icon *ngIf="task.isDone"
style="fill:green;">check
</mat-icon>
</td>
</tr>
</table>
<div style="text-align: center; margin-top: 8px; margin-bottom: 16px;">
<button mat-raised-button=""
(click)="showExportModal()">
<mat-icon>call_made</mat-icon>
<mat-icon>playlist_play</mat-icon>
Export Task List
</button>
</div>
</mat-tab>
<mat-tab label="Google Sheet Export">
<google-export-time></google-export-time>
</mat-tab>
<!--<mat-tab label="Simple Export">-->
<!--<h1>Some tab content</h1>-->
<!--<p>...</p>-->
<!--</mat-tab>-->
</mat-tab-group>
<section class="daily-summary-actions">
<div class="bottom-buttons">
<!--<button mat-raised-button=""-->
<!--[color]="cfg.isBlockFinishDayUntilTimeTimeTracked && !isTimeSheetExported && 'accent' ||'primary'"-->
<!--(click)="showTimeSheetExportModal()">-->
<!--<mat-icon>call_made</mat-icon>-->
<!--<mat-icon>timer</mat-icon>-->
<!--Export To Time Sheet-->
<!--</button>-->
<button mat-raised-button=""
color="primary"
[disabled]="cfg.isBlockFinishDayUntilTimeTimeTracked && !isTimeSheetExported"
(click)="finishDay()">
<mat-icon>wb_sunny</mat-icon>
Save and go home
</button>
</div>
<!--<div class="finish-day-opts">-->
<!--<mat-checkbox [(ngModel)]="clearDoneTasks"-->
<!--aria-label="Clear done tasks">-->
<!--Clear done tasks (Move to Done-Backlog)-->
<!--</mat-checkbox>-->
<!--<mat-checkbox [(ngModel)]="moveUnfinishedToBacklog"-->
<!--aria-label="Move unfinished tasks to backlog">-->
<!--Move unfinished tasks back to backlog-->
<!--</mat-checkbox>-->
<!--</div>-->
<div class="success-animation-wrapper"
*ngIf="showSuccessAnimation">
<mat-icon>wb_sunny</mat-icon>
<div class="unicorn-wrapper">
<img src="assets/unicorn.png"
class="unicorn">
</div>
</div>
</section>
</div>