@@ -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 | ||||