Added search api endpoint / Implemented search

This commit is contained in:
2023-06-27 20:54:27 +02:00
parent efe36fc60a
commit db0e8c2047
4 changed files with 134 additions and 18 deletions

View File

@ -14,12 +14,30 @@
<div class="" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0"></ul>
<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search" id="SearchBox" data-bs-trigger="focus" autocomplete="false" data-bs-toggle="popover" data-bs-title="Search" data-bs-content="Please type a little more" data-bs-placement="bottom" />
<div class="autocomplete-items bg-secondary border-primary me-2 p-2" id="autocomplete-items"></div>
<button type="button" class="btn btn-primary" data-bs-toggle="modal"
data-bs-target="#search_modal"><i class="bi bi-search"></i></button>
</form>
</div>
</div>
</nav>
<div class="modal" id="search_modal">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="modalSearchBar">
<div class="input-group mb-3">
<form id="searchForm">
<input type="text" id="SearchBoxInput" class="form-control focus" placeholder="Start typing to search..." aria-label="Search" autocomplete="off">
</form>
</div>
</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" id="autocompletBody">
</div>
</div>
</div>
</div>
<div class="toast" role="alert" aria-live="assertive" aria-atomic="true" id="masterToast" style="z-index: 2000">
<div class="d-flex">