| @@ -73,8 +73,14 @@ | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <div class="d-grid gap-2 mt-3"> | |||||
| <button type="button" class="btn btn-primary" id="btn-filter">絞り込む</button> | |||||
| <div class="mt-3 row"> | |||||
| <div class="col gap-2 d-grid"> | |||||
| <button type="button" class="btn btn-secondary" id="btn-reset">元に戻す</button> | |||||
| </div> | |||||
| <div class="col gap-2 d-grid"> | |||||
| <button type="button" class="btn btn-primary" id="btn-filter">絞り込む</button> | |||||
| </div> | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| @@ -48,6 +48,12 @@ Script | |||||
| window.location.href = url; | window.location.href = url; | ||||
| }); | }); | ||||
| const resetFilter = ( | |||||
| function () | |||||
| { | |||||
| window.location.href = '/'; | |||||
| }); | |||||
| filterKeyword.addEventListener ('keydown', | filterKeyword.addEventListener ('keydown', | ||||
| function (e) | function (e) | ||||
| { | { | ||||
| @@ -56,6 +62,7 @@ Script | |||||
| }); | }); | ||||
| btnFilter.addEventListener ('click', filter); | btnFilter.addEventListener ('click', filter); | ||||
| $ ('#btn-reset').on ('click', resetFilter); | |||||
| } | } | ||||
| static | static | ||||