Merge pull request 'TIST-48: added reset button in catalog filters' (#39) from TIST-48 into develop

Reviewed-on: #39
This commit is contained in:
steve_dekart 2025-07-06 13:51:46 +02:00
commit df65db797b
2 changed files with 25 additions and 19 deletions

View File

@ -42,11 +42,12 @@ the_header(
$is_checked = false; $is_checked = false;
$category = $_GET['category'] ?? null; $category = $_GET['category'] ?? null;
if($category == $cat->get_id()) if ($category == $cat->get_id())
$is_checked = true; $is_checked = true;
?> ?>
<li> <li>
<input id="<?= $field_id ?>" type="radio" name="category" value="<?= $cat->get_id() ?>" <?= $is_checked ? 'checked' : '' ?>> <input id="<?= $field_id ?>" type="radio" name="category"
value="<?= $cat->get_id() ?>" <?= $is_checked ? 'checked' : '' ?>>
<label for="<?= $field_id ?>"><?= $cat->field_name ?></label> <label for="<?= $field_id ?>"><?= $cat->field_name ?></label>
</li> </li>
<?php endforeach; ?> <?php endforeach; ?>
@ -67,13 +68,14 @@ the_header(
$is_checked = false; $is_checked = false;
$ingredients = $_GET['ingredient'] ?? null; $ingredients = $_GET['ingredient'] ?? null;
if($ingredients) { if ($ingredients) {
if (in_array($ing->get_id(), $ingredients)) if (in_array($ing->get_id(), $ingredients))
$is_checked = true; $is_checked = true;
} }
?> ?>
<li> <li>
<input id="<?= $field_id ?>" type="checkbox" name="ingredient[]" value="<?= $ing->get_id() ?>" <?= $is_checked ? 'checked' : '' ?>> <input id="<?= $field_id ?>" type="checkbox" name="ingredient[]"
value="<?= $ing->get_id() ?>" <?= $is_checked ? 'checked' : '' ?>>
<label for="<?= $field_id ?>"><?= $ing->field_name ?></label> <label for="<?= $field_id ?>"><?= $ing->field_name ?></label>
</li> </li>
<?php endforeach; ?> <?php endforeach; ?>
@ -83,6 +85,9 @@ the_header(
<button class="btn btn-primary hover-anim" type="submit"> <button class="btn btn-primary hover-anim" type="submit">
Apply Apply
</button> </button>
<a class="btn btn-secondary hover-anim" type="button" href="<?php the_permalink('recipes:catalog') ?>">
Reset
</a>
</form> </form>
</div> </div>
</div> </div>

View File

@ -831,7 +831,7 @@ input[type="checkbox"]{
.filters { .filters {
position: fixed; position: fixed;
max-height: 454px; max-height: 500px;
width: 230px; width: 230px;
padding: 15px; padding: 15px;
background-color: var(--panel-background); background-color: var(--panel-background);
@ -874,6 +874,7 @@ input[type="checkbox"]{
.filters-form .btn { .filters-form .btn {
width: 200px; width: 200px;
margin-bottom: 10px;
} }
.single-recipe { .single-recipe {