Add journal and undo UI for stock bookings, chore executions and battery charge cycles (closes #63, closes #97)

views/choresjournal.blade.php

@@ -0,0 +1,74 @@
+@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>
+				@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="@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