RomanNum3ral
/
kcal
mirror of https://github.com/kcal-app/kcal.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add ability to add steps to recipe

This commit is contained in:
Christopher C. Wells 2021-01-20 05:32:54 -08:00 committed by Christopher Charbonneau Wells
parent ac1ec3316b
commit 372753887f
1 changed files with 22 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
resources/views/recipes/edit.blade.php
View File

@ -89,7 +89,7 @@
</x-inputs.select> </x-inputs.select>
<livewire:food-picker :index="$i" <livewire:food-picker :index="$i"
:default-id="old('foods.' . $i, $food_id)" :default-id="old('foods.' . $i, $food_id)"
:default-name="old('foods_name.' . $i, $food_name)"> :default-name="old('foods_name.' . $i, $food_name)" />
<x-inputs.input type="text" <x-inputs.input type="text"
class="block" class="block"
name="foods_detail[]" name="foods_detail[]"
@ -99,15 +99,27 @@
<!-- Steps --> <!-- Steps -->
<h3 class="pt-2 mb-2 font-extrabold">Steps</h3> <h3 class="pt-2 mb-2 font-extrabold">Steps</h3>
@for($i = 0; $i < 20; $i++) @php($step_number = 0)
@php($step = $recipe->steps[$i] ?? new \App\Models\RecipeStep()) <div x-data="{steps: 0}">
<div class="flex flex-row space-x-4 mb-4"> @foreach($recipe->steps as $step)
<div class="text-3xl text-gray-400 text-center">{{ $i + 1 }}</div> <div class="flex flex-row space-x-4 mb-4">
<x-inputs.textarea class="block mt-1 w-full" <div class="text-3xl text-gray-400 text-center">{{ $step_number++ }}</div>
name="steps[]" <x-inputs.textarea class="block mt-1 w-full"
:value="old('steps.' . $i, $step->step)" /> name="steps[]"
</div> :value="old('steps.' . $loop->index, $step->step)" />
@endfor </div>
@endforeach
<template x-for="i in steps + 1">
<div class="flex flex-row space-x-4 mb-4">
<div class="text-3xl text-gray-400 text-center" x-text="{{ $step_number }} + i"></div>
<x-inputs.textarea class="block mt-1 w-full"
name="steps[]" />
</div>
</template>
<x-inputs.button type="button" class="ml-3" x-on:click="steps++;">
Add Step
</x-inputs.button>
</div>
<div class="flex items-center justify-end mt-4"> <div class="flex items-center justify-end mt-4">
<x-inputs.button class="ml-3"> <x-inputs.button class="ml-3">