Added a quick mockup for equipment / instruction manuals (references #25)

views/equipment.blade.php

@@ -0,0 +1,62 @@
+@extends('layout.default')
+
+@section('title', $L('Equipment'))
+@section('activeNav', 'equipment')
+@section('viewJsName', 'equipment')
+
+@section('content')
+<div class="row">
+	<div class="col">
+		<h1>
+			@yield('title')
+			<a class="btn btn-outline-dark" href="{{ $U('/equipment/new') }}">
+				<i class="fas fa-plus"></i>&nbsp;{{ $L('Add') }}
+			</a>
+		</h1>
+	</div>
+</div>
+
+<div class="row mt-3">
+	<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-xs-12 col-md-3 pb-3">
+		<table id="equipment-table" class="table table-sm table-striped dt-responsive">
+			<thead>
+				<tr>
+					<th>#</th>
+					<th>{{ $L('Name') }}</th>
+				</tr>
+			</thead>
+			<tbody>
+				@foreach($equipment as $equipmentItem)
+				<tr data-equipment-id="{{ $equipmentItem->id }}">
+					<td class="fit-content">
+						<a class="btn btn-info btn-sm" href="{{ $U('/equipment/') }}{{ $equipmentItem->id }}">
+							<i class="fas fa-edit"></i>
+						</a>
+						<a class="btn btn-danger btn-sm equipment-delete-button" href="#" data-equipment-id="{{ $equipmentItem->id }}" data-equipment-name="{{ $equipmentItem->name }}">
+							<i class="fas fa-trash"></i>
+						</a>
+					</td>
+					<td>
+						{{ $equipmentItem->name }}
+					</td>
+				</tr>
+				@endforeach
+			</tbody>
+		</table>
+	</div>
+
+	<div class="col-xs-12 col-md-9">
+		<h3>{{ $L('Instruction manual') }}</h3>
+		<p id="selected-equipment-has-no-instruction-manual-hint">{{ $L('The selected equipment has no instruction manual') }}</p>
+		<p>TODO: Here the current instruction manual needs to be shown (PDF.js), if any...</p>
+	</div>
+</div>
+@stop

views/equipmentform.blade.php

@@ -0,0 +1,65 @@
+@extends('layout.default')
+
+@if($mode == 'edit')
+	@section('title', $L('Edit equipment'))
+@else
+	@section('title', $L('Create equipment'))
+@endif
+
+@section('viewJsName', 'equipmentform')
+
+@section('content')
+<div class="row">
+
+	<div class="col-lg-6 col-xs-12">
+		<h1>@yield('title')</h1>
+
+		<script>Grocy.EditMode = '{{ $mode }}';</script>
+
+		@if($mode == 'edit')
+			<script>Grocy.EditObjectId = {{ $equipment->id }};</script>
+
+			@if(!empty($equipment->instruction_manual_file_name))
+				<script>Grocy.InstructionManualFileNameName = '{{ $equipment->instruction_manual_file_name }}';</script>
+			@endif
+		@endif
+
+		<form id="equipment-form" novalidate>
+
+			<div class="form-group">
+				<label for="name">{{ $L('Name') }}</label>
+				<input type="text" class="form-control" required id="name" name="name" value="@if($mode == 'edit'){{ $equipment->name }}@endif">
+				<div class="invalid-feedback">{{ $L('A name is required') }}</div>
+			</div>
+
+			<div class="form-group">
+				<label for="instruction-manual">{{ $L('Instruction manual') }} (PDF)</label>
+				<div class="custom-file">
+					<input type="file" class="custom-file-input" id="instruction-manual" accept="application/pdf">
+					<label class="custom-file-label" for="instruction-manual">{{ $L('No file selected') }}</label>
+				</div>
+				<p class="form-text text-muted small">{{ $L('If you don\'t select a file, the current instruction manual will not be altered') }}</p>
+			</div>
+
+			<div class="form-group">
+				<label for="description">{{ $L('Description') }}</label>
+				<textarea class="form-control" rows="25" id="description" name="description">@if($mode == 'edit'){{ $equipment->description }}@endif</textarea>
+			</div>
+
+			<button id="save-equipment-button" class="btn btn-success">{{ $L('Save') }}</button>
+
+		</form>
+	</div>
+
+	<div class="col-lg-6 col-xs-12">
+		<label class="mt-2">{{ $L('Current instruction manual') }}</label>
+		<button id="delete-current-instruction-manual-button" class="btn btn-sm btn-danger @if(empty($equipment->instruction_manual_file_name)) disabled @endif"><i class="fas fa-trash"></i> {{ $L('Delete') }}</button>
+		@if(!empty($equipment->instruction_manual_file_name))
+			<p>TODO: Here the current instruction manual needs to be shown (PDF.js), if any...</p>
+			<p id="delete-current-instruction-manual-on-save-hint" class="form-text text-muted font-italic d-none">{{ $L('The current instruction manual will be deleted when you save the equipment') }}</p>
+		@else
+			<p id="no-current-instruction-manual-hint" class="form-text text-muted font-italic">{{ $L('No instruction manual') }}</p>
+		@endif
+	</div>
+</div>
+@stop

views/layout/default.blade.php

@@ -93,6 +93,12 @@
 						<span class="nav-link-text">{{ $L('Batteries overview') }}</span>
 					</a>
 				</li>
+				<li class="nav-item" data-toggle="tooltip" data-placement="right" title="{{ $L('Equipment') }}" data-nav-for-page="equipment">
+					<a class="nav-link discrete-link" href="{{ $U('/equipment') }}">
+						<i class="fas fa-warehouse"></i>
+						<span class="nav-link-text">{{ $L('Equipment') }}</span>
+					</a>
+				</li>
 				
 				<li class="nav-item mt-4" data-toggle="tooltip" data-placement="right" title="{{ $L('Purchase') }}" data-nav-for-page="purchase">
 					<a class="nav-link discrete-link" href="{{ $U('/purchase') }}">

views/productform.blade.php

@@ -114,7 +114,7 @@
 			))
 
 			<div class="form-group">
-				<label for="product-pictur">{{ $L('Product picture') }}</label>
+				<label for="product-picture">{{ $L('Product picture') }}</label>
 				<div class="custom-file">
 					<input type="file" class="custom-file-input" id="product-picture" accept="image/*">
 					<label class="custom-file-label" for="product-picture">{{ $L('No file selected') }}</label>