mirror of
https://github.com/grocy/grocy.git
synced 2026-04-07 05:16:15 +02:00
48e300bba6
Fractions of the total ingredients required can be mentioned in recipes. This can be helpful when, for example, only half of some ingredient is needed at the start of the recipe. The proper values are automatically calculated when the number of servings is adjusted.
364 lines
12 KiB
PHP
364 lines
12 KiB
PHP
@extends('layout.default')
|
|
|
|
@if($mode == 'edit')
|
|
@section('title', $__t('Edit recipe'))
|
|
@else
|
|
@section('title', $__t('Create recipe'))
|
|
@endif
|
|
|
|
@section('viewJsName', 'recipeform')
|
|
|
|
@push('pageScripts')
|
|
<script src="{{ $U('/node_modules/datatables.net-rowgroup/js/dataTables.rowGroup.min.js?v=', true) }}{{ $version }}"></script>
|
|
<script src="{{ $U('/node_modules/datatables.net-rowgroup-bs4/js/rowGroup.bootstrap4.min.js?v=', true) }}{{ $version }}"></script>
|
|
@endpush
|
|
|
|
@push('pageStyles')
|
|
<link href="{{ $U('/node_modules/datatables.net-rowgroup-bs4/css/rowGroup.bootstrap4.min.css?v=', true) }}{{ $version }}"
|
|
rel="stylesheet">
|
|
@endpush
|
|
|
|
@section('content')
|
|
<div class="row">
|
|
<div class="col">
|
|
<h2 class="title">@yield('title')</h2>
|
|
<hr>
|
|
<script>
|
|
Grocy.EditMode = '{{ $mode }}';
|
|
Grocy.QuantityUnits = {!! json_encode($quantityunits) !!};
|
|
Grocy.QuantityUnitConversionsResolved = {!! json_encode($quantityUnitConversionsResolved) !!};
|
|
</script>
|
|
|
|
@if($mode == 'edit')
|
|
<script>
|
|
Grocy.EditObjectId = {{ $recipe->id }};
|
|
</script>
|
|
|
|
@if(!empty($recipe->picture_file_name))
|
|
<script>
|
|
Grocy.RecipePictureFileName = '{{ $recipe->picture_file_name }}';
|
|
</script>
|
|
@endif
|
|
@endif
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-xs-12 col-md-7 pb-3">
|
|
<form id="recipe-form"
|
|
novalidate>
|
|
|
|
<div class="form-group">
|
|
<label for="name">{{ $__t('Name') }}</label>
|
|
<input type="text"
|
|
class="form-control"
|
|
required
|
|
id="name"
|
|
name="name"
|
|
value="@if($mode == 'edit'){{ $recipe->name }}@endif">
|
|
<div class="invalid-feedback">{{ $__t('A name is required') }}</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="recipe-picture">
|
|
{{ $__t('Picture') }}
|
|
</label>
|
|
<div class="input-group">
|
|
<div class="custom-file">
|
|
<input type="file"
|
|
class="custom-file-input"
|
|
id="recipe-picture"
|
|
accept="image/*">
|
|
<label id="recipe-picture-label"
|
|
class="custom-file-label @if(empty($recipe->picture_file_name)) d-none @endif"
|
|
for="recipe-picture">
|
|
{{ $recipe->picture_file_name }}
|
|
</label>
|
|
<label id="recipe-picture-label-none"
|
|
class="custom-file-label @if(!empty($recipe->picture_file_name)) d-none @endif"
|
|
for="recipe-picture">
|
|
{{ $__t('No file selected') }}
|
|
</label>
|
|
</div>
|
|
<div class="input-group-append">
|
|
<span class="input-group-text"><i class="fas fa-trash"
|
|
id="delete-current-recipe-picture-button"></i></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@php if($mode == 'edit') { $value = $recipe->base_servings; } else { $value = 1; } @endphp
|
|
@include('components.numberpicker', array(
|
|
'id' => 'base_servings',
|
|
'label' => 'Servings',
|
|
'min' => 1,
|
|
'value' => $value,
|
|
'invalidFeedback' => $__t('This cannot be lower than %s', '1'),
|
|
'hint' => $__t('The ingredients listed here result in this amount of servings')
|
|
))
|
|
|
|
<div class="form-group">
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="hidden"
|
|
name="not_check_shoppinglist"
|
|
value="0">
|
|
<input @if($mode=='edit'
|
|
&&
|
|
$recipe->not_check_shoppinglist == 1) checked @endif class="form-check-input custom-control-input" type="checkbox" id="not_check_shoppinglist" name="not_check_shoppinglist" value="1">
|
|
<label class="form-check-label custom-control-label"
|
|
for="not_check_shoppinglist">
|
|
{{ $__t('Do not check against the shopping list when adding missing items to it') }}
|
|
<i class="fas fa-question-circle"
|
|
data-toggle="tooltip"
|
|
title="{{ $__t('By default the amount to be added to the shopping list is `needed amount - stock amount - shopping list amount` - when this is enabled, it is only checked against the stock amount, not against what is already on the shopping list') }}"></i>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
@include('components.productpicker', array(
|
|
'products' => $products,
|
|
'isRequired' => false,
|
|
'label' => 'Produces product',
|
|
'prefillById' => $mode == 'edit' ? $recipe->product_id : '',
|
|
'hint' => $__t('When a product is selected, one unit (per serving in purchase quantity unit) will be added to stock on consuming this recipe')
|
|
))
|
|
|
|
@include('components.userfieldsform', array(
|
|
'userfields' => $userfields,
|
|
'entity' => 'recipes'
|
|
))
|
|
|
|
<div class="form-group">
|
|
<label for="description">{{ $__t('Preparation') }}</label>
|
|
<textarea id="description"
|
|
class="form-control wysiwyg-editor"
|
|
name="description">@if($mode == 'edit'){{ $recipe->description }}@endif</textarea>
|
|
</div>
|
|
|
|
<small class="my-2 form-text text-muted @if($mode == 'edit') d-none @endif">{{ $__t('Save & continue to add ingredients and included recipes') }}</small>
|
|
|
|
<button class="save-recipe btn btn-success mb-2"
|
|
data-location="continue">{{ $__t('Save & continue') }}</button>
|
|
<button class="save-recipe btn btn-info mb-2"
|
|
data-location="return">{{ $__t('Save & return to recipes') }}</button>
|
|
|
|
</form>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-md-5 pb-3 @if($mode == 'create') d-none @endif">
|
|
<div class="row">
|
|
<div class="col">
|
|
@if(!empty($recipe->picture_file_name))
|
|
<img id="current-recipe-picture"
|
|
data-src="{{ $U('/api/files/recipepictures/' . base64_encode($recipe->picture_file_name) . '?force_serve_as=picture&best_fit_width=400') }}"
|
|
class="img-fluid img-thumbnail mt-2 lazy mb-5">
|
|
<p id="delete-current-recipe-picture-on-save-hint"
|
|
class="form-text text-muted font-italic d-none mb-5">{{ $__t('The current picture will be deleted when you save the recipe') }}</p>
|
|
@else
|
|
<p id="no-current-recipe-picture-hint"
|
|
class="form-text text-muted font-italic mb-5">{{ $__t('No picture available') }}</p>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="title-related-links">
|
|
<h4>
|
|
{{ $__t('Ingredients list') }}
|
|
</h4>
|
|
<div class="related-links">
|
|
<a id="recipe-pos-add-button"
|
|
class="btn btn-outline-primary btn-sm recipe-pos-add-button"
|
|
type="button"
|
|
href="#">
|
|
{{ $__t('Add') }}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<table id="recipes-pos-table"
|
|
class="table table-sm table-striped dt-responsive">
|
|
<thead>
|
|
<tr>
|
|
<th class="border-right"></th>
|
|
<th>{{ $__t('Product') }}</th>
|
|
<th>{{ $__t('Amount') }}</th>
|
|
<th class="fit-content">{{ $__t('Note') }}</th>
|
|
<th class="d-none">Hiden ingredient group</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="d-none">
|
|
@if($mode == "edit")
|
|
@foreach($recipePositions as $recipePosition)
|
|
<tr>
|
|
@php
|
|
$product = FindObjectInArrayByPropertyValue($products, 'id', $recipePosition->product_id);
|
|
$productQuConversions = FindAllObjectsInArrayByPropertyValue($quantityUnitConversionsResolved, 'product_id', $product->id);
|
|
$productQuConversions = FindAllObjectsInArrayByPropertyValue($productQuConversions, 'from_qu_id', $product->qu_id_stock);
|
|
$productQuConversion = FindObjectInArrayByPropertyValue($productQuConversions, 'to_qu_id', $recipePosition->qu_id);
|
|
if ($productQuConversion)
|
|
{
|
|
$recipePosition->amount = $recipePosition->amount * $productQuConversion->factor;
|
|
}
|
|
@endphp
|
|
<td class="fit-content border-right">
|
|
<a class="btn btn-sm btn-info recipe-pos-edit-button"
|
|
type="button"
|
|
href="#"
|
|
data-recipe-pos-id="{{ $recipePosition->id }}"
|
|
data-product-id="{{ $recipePosition->product_id }}">
|
|
<i class="fas fa-edit"></i>
|
|
</a>
|
|
<a class="btn btn-sm btn-info recipe-pos-insert-button"
|
|
href="#"
|
|
data-recipe-pos-id="{{ $recipePosition->id }}"
|
|
data-recipe-pos-name="{{ FindObjectInArrayByPropertyValue($products, 'id', $recipePosition->product_id)->name }}"
|
|
data-recipe-pos-amount="{{ $recipePosition->amount }}"
|
|
data-recipe-pos-qu="{{ FindObjectInArrayByPropertyValue($quantityunits, 'id', $recipePosition->qu_id)->name }}"
|
|
data-recipe-pos-qu-plural="{{ FindObjectInArrayByPropertyValue($quantityunits, 'id', $recipePosition->qu_id)->name_plural }}">
|
|
<i class="fas fa-map-marker"></i>
|
|
</a>
|
|
<a class="btn btn-sm btn-danger recipe-pos-delete-button"
|
|
href="#"
|
|
data-recipe-pos-id="{{ $recipePosition->id }}"
|
|
data-recipe-pos-name="{{ FindObjectInArrayByPropertyValue($products, 'id', $recipePosition->product_id)->name }}">
|
|
<i class="fas fa-trash"></i>
|
|
</a>
|
|
</td>
|
|
<td>
|
|
{{ FindObjectInArrayByPropertyValue($products, 'id', $recipePosition->product_id)->name }}
|
|
</td>
|
|
<td>
|
|
@if(!empty($recipePosition->variable_amount))
|
|
{{ $recipePosition->variable_amount }}
|
|
@else
|
|
<span class="locale-number locale-number-quantity-amount">@if($recipePosition->amount == round($recipePosition->amount)){{ round($recipePosition->amount) }}@else{{ $recipePosition->amount }}@endif</span>
|
|
@endif
|
|
{{ $__n($recipePosition->amount, FindObjectInArrayByPropertyValue($quantityunits, 'id', $recipePosition->qu_id)->name, FindObjectInArrayByPropertyValue($quantityunits, 'id', $recipePosition->qu_id)->name_plural) }}
|
|
|
|
@if(!empty($recipePosition->variable_amount))
|
|
<div class="small text-muted font-italic">{{ $__t('Variable amount') }}</div>
|
|
@endif
|
|
</td>
|
|
<td class="fit-content">
|
|
<a class="btn btn-sm btn-info recipe-pos-show-note-button @if(empty($recipePosition->note)) disabled @endif"
|
|
href="#"
|
|
data-toggle="tooltip"
|
|
data-placement="top"
|
|
title="{{ $__t('Show notes') }}"
|
|
data-recipe-pos-note="{{ $recipePosition->note }}">
|
|
<i class="fas fa-eye"></i>
|
|
</a>
|
|
</td>
|
|
<td>
|
|
{{ $recipePosition->ingredient_group }}
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
@endif
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mt-5">
|
|
<div class="col">
|
|
<div class="title-related-links">
|
|
<h4>
|
|
{{ $__t('Included recipes') }}
|
|
</h4>
|
|
<div class="related-links">
|
|
<a id="recipe-include-add-button"
|
|
class="btn btn-outline-primary btn-sm"
|
|
href="#">
|
|
{{ $__t('Add') }}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<table id="recipes-includes-table"
|
|
class="table table-sm table-striped dt-responsive">
|
|
<thead>
|
|
<tr>
|
|
<th class="border-right"></th>
|
|
<th>{{ $__t('Recipe') }}</th>
|
|
<th>{{ $__t('Servings') }}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="d-none">
|
|
@if($mode == "edit")
|
|
@foreach($recipeNestings as $recipeNesting)
|
|
<tr>
|
|
<td class="fit-content border-right">
|
|
<a class="btn btn-sm btn-info recipe-include-edit-button"
|
|
href="#"
|
|
data-recipe-include-id="{{ $recipeNesting->id }}"
|
|
data-recipe-included-recipe-id="{{ $recipeNesting->includes_recipe_id }}"
|
|
data-recipe-included-recipe-servings="{{ $recipeNesting->servings }}">
|
|
<i class="fas fa-edit"></i>
|
|
</a>
|
|
<a class="btn btn-sm btn-danger recipe-include-delete-button"
|
|
href="#"
|
|
data-recipe-include-id="{{ $recipeNesting->id }}"
|
|
data-recipe-include-name="{{ FindObjectInArrayByPropertyValue($recipes, 'id', $recipeNesting->includes_recipe_id)->name }}">
|
|
<i class="fas fa-trash"></i>
|
|
</a>
|
|
</td>
|
|
<td>
|
|
{{ FindObjectInArrayByPropertyValue($recipes, 'id', $recipeNesting->includes_recipe_id)->name }}
|
|
</td>
|
|
<td>
|
|
{{ $recipeNesting->servings }}
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
@endif
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="modal fade"
|
|
id="recipe-include-editform-modal"
|
|
tabindex="-1">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content text-center">
|
|
<div class="modal-header">
|
|
<h4 id="recipe-include-editform-title"
|
|
class="modal-title w-100"></h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form id="recipe-include-form"
|
|
novalidate>
|
|
|
|
@include('components.recipepicker', array(
|
|
'recipes' => $recipes,
|
|
'isRequired' => true
|
|
))
|
|
|
|
@include('components.numberpicker', array(
|
|
'id' => 'includes_servings',
|
|
'label' => 'Servings',
|
|
'min' => 1,
|
|
'value' => '1',
|
|
'invalidFeedback' => $__t('This cannot be lower than %s', '1')
|
|
))
|
|
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button"
|
|
class="btn btn-secondary"
|
|
data-dismiss="modal">{{ $__t('Cancel') }}</button>
|
|
<button id="save-recipe-include-button"
|
|
data-dismiss="modal"
|
|
class="btn btn-success">{{ $__t('Save') }}</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@stop
|