shihaam/akaunting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

global search based on livewire improved

Browse Source
This commit is contained in:
Sevan Nerse
2021-06-04 19:05:35 +03:00
parent a42429bf12
commit 0a416e99ec
10 changed files with 675 additions and 261 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
resources/views/livewire/common/search.blade.php Normal file
View File

@ -0,0 +1,42 @@
<form wire:click.stop class="navbar-search navbar-search-light form-inline mb-0" id="navbar-search-main" autocomplete="off">
<div class="form-group mb-0 mr-sm-3">
<div class="input-group input-group-alternative input-group-merge">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-search"></i></span>
</div>
<input type="text" name="search" wire:model.debounce.500ms="keyword" class="form-control" autocomplete="off" placeholder="{{ trans('general.search') }}">
@if($results)
<div class="dropdown-menu dropdown-menu-xl dropdown-menu-center show" ref="menu">
<div class="list-group list-group-flush">
@foreach($results as $result)
<a class="list-group-item list-group-item-action" href="{{ $result->href }}">
<div class="row align-items-center">
<div class="col ml--2">
<div class="d-flex justify-content-between align-items-center">
<div>
<div class="name">{{ $result->name }}</div>
</div>
<div class="text-muted">
<span class="type">{{ $result->type }}</span>
</div>
</div>
</div>
</div>
</a>
@endforeach
</div>
</div>
@endif
</div>
</div>
</form>
@push('scripts_end')
<script type="text/javascript">
$(window).click(function() {
Livewire.emit('resetKeyword');
});
</script>
@endpush