доработка компоненты вывода клиентов: вывел поиск по жк
This commit is contained in:
parent
83fc0ea360
commit
1dfd1570a4
@ -2,7 +2,7 @@
|
|||||||
use Modules\Main\Models\Deal\DealStatus;
|
use Modules\Main\Models\Deal\DealStatus;
|
||||||
?>
|
?>
|
||||||
<div class="d-flex gap-2 flex-column flex-lg-row">
|
<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"
|
<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' : '' }}>
|
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>
|
<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' : '' }}>
|
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>
|
<label class="btn p-2 fs-5 text-truncate" for="option7">Не уникальные</label>
|
||||||
</div>
|
</div>
|
||||||
<input wire:model.live="filter.search" class="flex-fill col-12 col-md-auto form-control form-control-lg" type="text"
|
<div class="input-group flex-fill">
|
||||||
placeholder="Поиск по имени, телефону, электронной почте">
|
<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 ">
|
<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"
|
<button type="button" class="p-0 btn bg-light text-primary border overflow-hidden w-100 rounded-start-3 pe-0"
|
||||||
@ -25,7 +34,8 @@
|
|||||||
<span class="text-truncate">{{ $filter['complexes'][0]['name'] }}</span>
|
<span class="text-truncate">{{ $filter['complexes'][0]['name'] }}</span>
|
||||||
@if(count($filter['complexes']) > 1)
|
@if(count($filter['complexes']) > 1)
|
||||||
<span>
|
<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>
|
</span>
|
||||||
@endif
|
@endif
|
||||||
</div>
|
</div>
|
||||||
@ -43,14 +53,33 @@
|
|||||||
@foreach ($complexes as $complex)
|
@foreach ($complexes as $complex)
|
||||||
<li>
|
<li>
|
||||||
<div class="dropdown-item">
|
<div class="dropdown-item">
|
||||||
<input wire:change="toggleComplex({{ $complex['id'] }})" class="form-check-input"
|
<input wire:change="toggleComplex({{ $complex['id'] }})" class="form-check-input" type="checkbox"
|
||||||
type="checkbox" id="complex_selector_{{ $complex['id'] }}">
|
id="complex_selector_{{ $complex['id'] }}">
|
||||||
<label class="form-check-label" for="complex_selector_{{ $complex['id'] }}">
|
<label class="form-check-label" for="complex_selector_{{ $complex['id'] }}">
|
||||||
{{ $complex['name'] }}
|
{{ $complex['name'] }}
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
@endforeach
|
@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>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
<style>
|
||||||
|
.form-search__container {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-search__container::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
height: 3rem;
|
||||||
|
width: 3rem;
|
||||||
|
background-image: ""
|
||||||
|
}
|
||||||
|
</style>
|
||||||
</div>
|
</div>
|
||||||
Loading…
Reference in New Issue
Block a user