Content
View differences
Updated by Niels Lindenthal over 1 year ago
**As a** project controller
**I want to** export nicely styled time sheets
**So that I** don't have to create the pdf files manually.
### **Acceptance criteria**
* Only the filtered time entries are exported.
* The grouping options in the web view are ignored.
* There is an export configuration modal similar to the work packages export modal providing additional configuration options.
1. Cover: project, date, user, title "time sheet" (h1), date range
2. Overview: Option to activate/deactivate a summary table at the beginning of the pdf export:
* Rows: select between the following attributes: **users,** projects, activity, months
* Columns: user, projects, activty, months
* There are sum columns and rows
3. Main part: Option to select the grouping criteria
1. h2-headings: h3-headings: **projects**, month, users, work package
2. First column (first grouping criteria): **day**, work package, user
3. Second column (sedond grouping criteria): **work package,** project, activity
3. 4. Footer: date of the export, name of the filter/report, project
**Out of scope**
* Overview: Option to activate/deactivate a summary table at On the beginning of the pdf export:
* Rows: select between we show the following attributes: **users,** projects, activity, months
* Columns: user, projects, activity, months
* There are sum columns and rows
* Showing the filter criteria that were applied to for the exported time entries, e.g. date range, user, project etc..
**Figma ### **Input on structure (draft):**
<figure class="table op-uc-figure_align-center op-uc-figure" style="width:574pt;"><table class="op-uc-table"><tbody><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;width:140pt;"><p class="op-uc-p">h1. Timesheet openDesk</p></td><td class="op-uc-table--cell" style="width:62pt;"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" style="width:62pt;"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" style="width:62pt;"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" style="width:62pt;"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" style="width:62pt;"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" style="width:62pt;"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" style="width:62pt;"><p class="op-uc-p"></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">h2. Overview</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.7pt;"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p">January</p></td><td class="op-uc-table--cell"><p class="op-uc-p">February</p></td><td class="op-uc-table--cell"><p class="op-uc-p">March</p></td><td class="op-uc-table--cell"><p class="op-uc-p">April</p></td><td class="op-uc-table--cell"><p class="op-uc-p">May</p></td><td class="op-uc-table--cell"><p class="op-uc-p">June</p></td><td class="op-uc-table--cell"><p class="op-uc-p">S</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">User A</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">4 h</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">4 h</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">4 h</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">12 h</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">User B</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">12 h</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">12 h</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">12 h</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">36 h</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">User C</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">5 h</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">5 h</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">5 h</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">15 h</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">21 h</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">0 h</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">0 h</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">21 h</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">0 h</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">21 h</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">h2. Report</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">h3. User A</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">Date</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Work package</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Start time</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Finish time</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Breaks</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Hours</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Comment</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:43.2pt;" rowspan="3"><p class="op-uc-p">01.08.2024</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Task A</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">09:00</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">17:00</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">1</p></td><td class="op-uc-table--cell"><p class="op-uc-p">8 h</p></td><td class="op-uc-table--cell" colspan="2"><p class="op-uc-p">Working like crazy</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">Task C</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">09:00</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">17:00</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">1</p></td><td class="op-uc-table--cell"><p class="op-uc-p">8 h</p></td><td class="op-uc-table--cell" colspan="2"><p class="op-uc-p">Working like crazy</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">Task B</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">09:00</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">17:00</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">1</p></td><td class="op-uc-table--cell"><p class="op-uc-p">8 h</p></td><td class="op-uc-table--cell" colspan="2"><p class="op-uc-p">Working like crazy</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">02.08.2024</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Task B</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">09:00</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">17:00</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">1</p></td><td class="op-uc-table--cell"><p class="op-uc-p">8 h</p></td><td class="op-uc-table--cell" colspan="2"><p class="op-uc-p">Working like crazy</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">03.08.2024</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Task B</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">09:00</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">17:00</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">1</p></td><td class="op-uc-table--cell"><p class="op-uc-p">8 h</p></td><td class="op-uc-table--cell" colspan="2"><p class="op-uc-p">Working like crazy</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">04.08.2024</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Task B</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">09:00</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">17:00</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">1</p></td><td class="op-uc-table--cell"><p class="op-uc-p">8 h</p></td><td class="op-uc-table--cell" colspan="2"><p class="op-uc-p">Working like crazy</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">h3. User B</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">h3. User C</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td></tr></tbody></table></figure>
### Figma and visuals** visuals
https://www.figma.com/design/FdU4mgz2EkJQTQSvzojPRi/Time-and-costs-reports?node-id=1-2
**I want to** export nicely styled time sheets
**So that I** don't have to create the pdf files manually.
* Only the filtered time entries are exported.
* The grouping options in the web view are ignored.
* There is an export configuration modal similar to the work packages export modal providing additional configuration options.
1. Cover: project, date, user, title "time sheet" (h1), date range
2.
* Rows: select between the following attributes: **users,** projects, activity, months
* Columns: user, projects, activty, months
* There are sum columns and rows
3.
1. h2-headings:
2. First column (first grouping criteria): **day**, work package, user
3. Second column (sedond grouping criteria): **work package,** project, activity
3.
**Out of scope**
* Rows: select between
* Columns: user, projects, activity, months
* There are sum columns and rows
* Showing the filter criteria that were applied to for the exported time entries, e.g. date range, user, project etc..
**Figma
<figure class="table op-uc-figure_align-center op-uc-figure" style="width:574pt;"><table class="op-uc-table"><tbody><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;width:140pt;"><p class="op-uc-p">h1. Timesheet openDesk</p></td><td class="op-uc-table--cell" style="width:62pt;"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" style="width:62pt;"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" style="width:62pt;"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" style="width:62pt;"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" style="width:62pt;"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" style="width:62pt;"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" style="width:62pt;"><p class="op-uc-p"></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">h2. Overview</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.7pt;"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p">January</p></td><td class="op-uc-table--cell"><p class="op-uc-p">February</p></td><td class="op-uc-table--cell"><p class="op-uc-p">March</p></td><td class="op-uc-table--cell"><p class="op-uc-p">April</p></td><td class="op-uc-table--cell"><p class="op-uc-p">May</p></td><td class="op-uc-table--cell"><p class="op-uc-p">June</p></td><td class="op-uc-table--cell"><p class="op-uc-p">S</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">User A</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">4 h</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">4 h</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">4 h</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">12 h</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">User B</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">12 h</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">12 h</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">12 h</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">36 h</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">User C</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">5 h</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">5 h</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">5 h</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">15 h</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">21 h</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">0 h</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">0 h</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">21 h</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">0 h</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">21 h</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">h2. Report</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">h3. User A</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">Date</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Work package</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Start time</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Finish time</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Breaks</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Hours</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Comment</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:43.2pt;" rowspan="3"><p class="op-uc-p">01.08.2024</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Task A</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">09:00</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">17:00</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">1</p></td><td class="op-uc-table--cell"><p class="op-uc-p">8 h</p></td><td class="op-uc-table--cell" colspan="2"><p class="op-uc-p">Working like crazy</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">Task C</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">09:00</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">17:00</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">1</p></td><td class="op-uc-table--cell"><p class="op-uc-p">8 h</p></td><td class="op-uc-table--cell" colspan="2"><p class="op-uc-p">Working like crazy</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">Task B</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">09:00</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">17:00</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">1</p></td><td class="op-uc-table--cell"><p class="op-uc-p">8 h</p></td><td class="op-uc-table--cell" colspan="2"><p class="op-uc-p">Working like crazy</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">02.08.2024</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Task B</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">09:00</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">17:00</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">1</p></td><td class="op-uc-table--cell"><p class="op-uc-p">8 h</p></td><td class="op-uc-table--cell" colspan="2"><p class="op-uc-p">Working like crazy</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">03.08.2024</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Task B</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">09:00</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">17:00</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">1</p></td><td class="op-uc-table--cell"><p class="op-uc-p">8 h</p></td><td class="op-uc-table--cell" colspan="2"><p class="op-uc-p">Working like crazy</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">04.08.2024</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Task B</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">09:00</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">17:00</p></td><td class="op-uc-table--cell" style="text-align:right;"><p class="op-uc-p">1</p></td><td class="op-uc-table--cell"><p class="op-uc-p">8 h</p></td><td class="op-uc-table--cell" colspan="2"><p class="op-uc-p">Working like crazy</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">h3. User B</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="height:14.4pt;"><p class="op-uc-p">h3. User C</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td></tr></tbody></table></figure>
### Figma
https://www.figma.com/design/FdU4mgz2EkJQTQSvzojPRi/Time-and-costs-reports?node-id=1-2