100 lines
2.2 KiB
PHP
100 lines
2.2 KiB
PHP
@component('mail::message')
|
|
<div id="main">
|
|
<div id="list">
|
|
@foreach($tasksByUser as $user => $tasks)
|
|
<a href="#{{str_replace(' ', '', $user)}}">{{ $user }}</a><br>
|
|
@endforeach
|
|
</div>
|
|
<div id="list-user">
|
|
<strong>Worklog Report</strong>
|
|
|
|
@foreach($tasksByUser as $user => $tasks)
|
|
<div class="user" id="{{str_replace(' ', '', $user)}}">
|
|
<strong style="margin-bottom: 15px;">{{ $user }}</strong>
|
|
|
|
@foreach($tasks as $task)
|
|
<div class="task {{ strtolower(str_replace(' ', '', $task['status'])) }}">
|
|
<strong>{{ $task['summary'] }}</strong><br>
|
|
Status: {{ $task['status'] }}<br>
|
|
Estimate: {{ (int)$task['estimate']/60/60 }}h<br>
|
|
@foreach($task['worklogs'] as $worklog)
|
|
<div class="worklog">
|
|
Time spent: {{ $worklog['timeSpent'] }}<br>
|
|
Start date: {{ $worklog['started'] }}<br>
|
|
{{ isset($worklog['comment']) && isset($worklog['comment']['content'][0]['content'][0])&& isset($worklog['comment']['content'][0]['content'][0]['text']) ? 'Comment: ' . $worklog['comment']['content'][0]['content'][0]['text'] : "" }}
|
|
</div>
|
|
<br>
|
|
@endforeach
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
|
|
Thanks,<br>
|
|
{{ config('app.name') }}
|
|
@endcomponent
|
|
<style>
|
|
#main{
|
|
position: relative;
|
|
display: flex;
|
|
width: 1000px;
|
|
}
|
|
#list{
|
|
position: sticky;
|
|
top: 10px;
|
|
left: 10px;
|
|
z-index: 1000;
|
|
width: 20%;
|
|
}
|
|
|
|
#list-user{
|
|
z-index: 100;
|
|
width: 80%;
|
|
max-height: 700px;
|
|
overflow: auto;
|
|
}
|
|
.user{
|
|
border: solid 2px gray;
|
|
border-radius: 5px;
|
|
padding: 10px;
|
|
margin-bottom: 10px;
|
|
|
|
}
|
|
|
|
.task{
|
|
margin-bottom: 5px;
|
|
}
|
|
.task.done {
|
|
background-color: #e0ffe0;
|
|
padding: 10px;
|
|
border-radius: 5px;
|
|
}
|
|
.task.inprogress {
|
|
background-color: #fff8e0;
|
|
padding: 10px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.task.backlog {
|
|
background-color: #EEEEEE;
|
|
padding: 10px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.task.todo {
|
|
background-color: #ADD8E6;
|
|
padding: 10px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.worklog{
|
|
border: solid 1px gray;
|
|
border-radius: 5px;
|
|
padding: 10px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
</style>
|