mirror of
https://github.com/grocy/grocy.git
synced 2025-04-29 17:45:39 +00:00
f6649d51bd
This is a workaround for now. The tables are still DOM sourced because of too big dependencies between server side rendering and frontend JS code. The tables are initially load while tbody is hidden, this results in a speedup by around 65 %.
75 lines
2.5 KiB
PHP
75 lines
2.5 KiB
PHP
@extends('layout.default')
|
|
|
|
@section('title', $L('Chores journal'))
|
|
@section('activeNav', 'choresjournal')
|
|
@section('viewJsName', 'choresjournal')
|
|
|
|
@section('content')
|
|
<div class="row">
|
|
<div class="col">
|
|
<h1>@yield('title')</h1>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row my-3">
|
|
<div class="col-xs-12 col-md-6 col-xl-3">
|
|
<label for="chore-filter">{{ $L('Filter by chore') }}</label> <i class="fas fa-filter"></i>
|
|
<select class="form-control" id="chore-filter">
|
|
<option value="all">{{ $L('All') }}</option>
|
|
@foreach($chores as $chore)
|
|
<option value="{{ $chore->id }}">{{ $chore->name }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
<div class="col-xs-12 col-md-6 col-xl-3">
|
|
<label for="search">{{ $L('Search') }}</label> <i class="fas fa-search"></i>
|
|
<input type="text" class="form-control" id="search">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col">
|
|
<table id="chores-journal-table" class="table table-sm table-striped dt-responsive">
|
|
<thead>
|
|
<tr>
|
|
<th>#</th>
|
|
<th>{{ $L('Chore') }}</th>
|
|
<th>{{ $L('Tracked time') }}</th>
|
|
<th>{{ $L('Done by') }}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="d-none">
|
|
@foreach($choresLog as $choreLogEntry)
|
|
<tr class="@if($choreLogEntry->undone == 1) text-muted @endif">
|
|
<td class="fit-content">
|
|
<a class="btn btn-secondary btn-sm undo-chore-execution-button @if($choreLogEntry->undone == 1) disabled @endif" href="#" data-execution-id="{{ $choreLogEntry->id }}" data-toggle="tooltip" data-placement="left" title="{{ $L('Undo chore execution') }}">
|
|
<i class="fas fa-undo"></i>
|
|
</a>
|
|
</td>
|
|
<td>
|
|
<span class="name-anchor @if($choreLogEntry->undone == 1) text-strike-through @endif">{{ FindObjectInArrayByPropertyValue($chores, 'id', $choreLogEntry->chore_id)->name }}</span>
|
|
@if($choreLogEntry->undone == 1)
|
|
<br>
|
|
{{ $L('Undone on') . ' ' . $choreLogEntry->undone_timestamp }}
|
|
<time class="timeago timeago-contextual" datetime="{{ $choreLogEntry->undone_timestamp }}"></time>
|
|
@endif
|
|
</td>
|
|
<td>
|
|
{{ $choreLogEntry->tracked_time }}
|
|
<time class="timeago timeago-contextual" datetime="{{ $choreLogEntry->tracked_time }}"></time>
|
|
</td>
|
|
<td>
|
|
@if ($choreLogEntry->done_by_user_id !== null && !empty($choreLogEntry->done_by_user_id))
|
|
{{ GetUserDisplayName(FindObjectInArrayByPropertyValue($users, 'id', $choreLogEntry->done_by_user_id)) }}
|
|
@else
|
|
{{ $L('Unknown') }}
|
|
@endif
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
@stop
|