доработка компоненты вывода клиентов: вывел поиск по жк
This commit is contained in:
parent
83fc0ea360
commit
1dfd1570a4
@ -2,7 +2,7 @@
|
||||
use Modules\Main\Models\Deal\DealStatus;
|
||||
?>
|
||||
<div class="d-flex gap-2 flex-column flex-lg-row">
|
||||
<div class="d-flex flex-row col-12 col-lg-auto border rounded-3 border-1 p-1 bg-white" style="">
|
||||
<div class="d-flex flex-row col-12 col-lg-auto border rounded-3 border-1 p-0 bg-white" style="">
|
||||
<input wire:model.live="filter.status" type="radio" class="btn-check" name="status"
|
||||
value="{{ DealStatus::MODERATION }}" id="option5" autocomplete="off" {{ (array_key_exists('status', $filter) && $filter['status'] == DealStatus::MODERATION) ? 'checked' : '' }}>
|
||||
<label class="btn p-2 fs-5 text-truncate" for="option5">На проверке</label>
|
||||
@ -13,8 +13,17 @@
|
||||
value="{{ DealStatus::NOT_UNIQUE }}" id="option7" autocomplete="off" {{ (array_key_exists('status', $filter) && $filter['status'] == DealStatus::NOT_UNIQUE) ? 'checked' : '' }}>
|
||||
<label class="btn p-2 fs-5 text-truncate" for="option7">Не уникальные</label>
|
||||
</div>
|
||||
<input wire:model.live="filter.search" class="flex-fill col-12 col-md-auto form-control form-control-lg" type="text"
|
||||
placeholder="Поиск по имени, телефону, электронной почте">
|
||||
<div class="input-group flex-fill">
|
||||
<span class="input-group-text" id="basic-addon1">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search"
|
||||
viewBox="0 0 16 16">
|
||||
<path
|
||||
d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0">
|
||||
</path>
|
||||
</svg>
|
||||
</span>
|
||||
<input wire:model.live="filter.search" type="text" class="form-control form-control-lg" placeholder="Поиск по имени, телефону, электронной почте">
|
||||
</div>
|
||||
<!-- Выбор ЖК-->
|
||||
<div class="btn-group bg-light d-flex rounded-4 ">
|
||||
<button type="button" class="p-0 btn bg-light text-primary border overflow-hidden w-100 rounded-start-3 pe-0"
|
||||
@ -23,13 +32,14 @@
|
||||
@if(array_key_exists('complexes', $filter))
|
||||
<div class="">
|
||||
<span class="text-truncate">{{ $filter['complexes'][0]['name'] }}</span>
|
||||
@if(count($filter['complexes']) > 1)
|
||||
@if(count($filter['complexes']) > 1)
|
||||
<span>
|
||||
+ <span class="d-inline-block bg-secondary rounded-circle fs-6 text-light" style="width:1.3rem;height:1.3rem">{{ count($filter['complexes']) - 1 }}</span>
|
||||
+ <span class="d-inline-block bg-secondary rounded-circle fs-6 text-light"
|
||||
style="width:1.3rem;height:1.3rem">{{ count($filter['complexes']) - 1 }}</span>
|
||||
</span>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
|
||||
@else
|
||||
<div class="m-2">ЖК</div>
|
||||
@endif
|
||||
@ -43,14 +53,33 @@
|
||||
@foreach ($complexes as $complex)
|
||||
<li>
|
||||
<div class="dropdown-item">
|
||||
<input wire:change="toggleComplex({{ $complex['id'] }})" class="form-check-input"
|
||||
type="checkbox" id="complex_selector_{{ $complex['id'] }}">
|
||||
<input wire:change="toggleComplex({{ $complex['id'] }})" class="form-check-input" type="checkbox"
|
||||
id="complex_selector_{{ $complex['id'] }}">
|
||||
<label class="form-check-label" for="complex_selector_{{ $complex['id'] }}">
|
||||
{{ $complex['name'] }}
|
||||
</label>
|
||||
</div>
|
||||
</li>
|
||||
@endforeach
|
||||
@if(1 == 2 && array_key_exists('complexes', $filter) && count($filter['complexes']) > 1)
|
||||
<div class="text-end fs-6 text-secondary">
|
||||
<span>Убрать все</span>
|
||||
</div>
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
<style>
|
||||
.form-search__container {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.form-search__container::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
height: 3rem;
|
||||
width: 3rem;
|
||||
background-image: ""
|
||||
}
|
||||
</style>
|
||||
</div>
|
||||
Loading…
Reference in New Issue
Block a user