Blame view
resources/views/catalog.blade.php
19.2 KB
242debab8 Первый коммит в п... |
1 2 3 4 5 |
@extends('layout.site', ['title' => 'Каталог RentTorg']) @section('filter') @include('part.filter.catalog') @endsection |
f615f47db Страница каталога... |
6 |
@section('custom_js') |
5e41e3567 Фильтрация и сорт... |
7 |
@include('js.filter_value'); |
f615f47db Страница каталога... |
8 |
<script> |
5e41e3567 Фильтрация и сорт... |
9 10 |
/* $(window).load(function() { |
f615f47db Страница каталога... |
11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 |
var url_str = "<?=url()->full();?>"; var url = new URL(url_str); var searchParams = new URLSearchParams(url.search.substring(1)); var area = searchParams.get("area"), type_area = searchParams.get("type_area"), format_area= searchParams.get("format_area"), address= searchParams.get("address"); var area_name = $('#area_name'); var type_area_name = $('#type_area_name'); var format_area_name = $('#format_area_name'); var address_name = $('#address'); if ((area !== "") || (type_area !== "") || (format_area !== "") || (address !== "")) { $.ajax({ type: "GET", url: "{{ route('catalog_ajax_filter') }}", data: "area=" + area + "&type_area=" + type_area + "&format_area=" + format_area + "&address=" + address + "", success: function (data) { console.log('Фильтры данных были переданы '); data = JSON.parse(data); console.log(data); if (area !== "") { area_name.html(data[0]); } if (type_area !== "") { type_area_name.html(data[1]); } if (format_area !== "") { format_area_name.html(data[2]); } if (address !== "") { address_name.html(data[3]); } }, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, error: function (data) { console.log('Error: ' + data); } }); } }); |
5e41e3567 Фильтрация и сорт... |
59 |
*/ |
f615f47db Страница каталога... |
60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 |
$(document).on('click', '.js_sort_group_item', function() { var val = $(this).data('val'); var sort_price_val = ''; var sort_area_val = ''; var sort_new_val = ''; $('.sort-price').each(function() { var this_ = $(this); var v = $(this).data('val'); if (this_.hasClass('active')) sort_price_val = v; }); $('.sort-new').each(function() { var v = $(this).data('val'); var this_ = $(this); if (this_.hasClass('active')) sort_new_val = v; }); $('.sort-area').each(function() { var v = $(this).data('val'); var this_ = $(this); if (this_.hasClass('active')) sort_area_val = v; }); console.log('-------------------'); $.ajax({ type: "GET", url: "{{ route('catalog') }}", data: "view=arenda&sort_price="+sort_price_val+"&sort_new="+sort_new_val+"&sort_area="+sort_area_val+""+ "&area=<?if (isset($_GET['area'])) echo $_GET['area'];?>&type_area=<?if (isset($_GET['type_area'])) echo $_GET['type_area'];?>&format_area=<? if (isset($_GET['format_area'])) echo $_GET['format_area'];?>"+ "&area_m2_min=<? if (isset($_GET['area_m2_min'])) echo $_GET['area_m2_min'];?>&area_m2_max=<? if (isset($_GET['area_m2_max'])) echo $_GET['area_m2_max'];?>"+ "&price_min=<? if (isset($_GET['price_min'])) echo $_GET['price_min'];?>&price_max=<? if (isset($_GET['price_max'])) echo $_GET['price_max'];?>&address=<? if (isset($_GET['address'])) echo $_GET['address'];?>", success: function(data) { console.log('Успешно обновлены данные АРЕНДА таблиц '); $('#arenda_block').html(data); }, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, error: function(data) { console.log('Error: '+ data); } }); $.ajax({ type: "GET", url: "{{ route('catalog') }}", data: "view=prodaja&sort_price="+sort_price_val+"&sort_new="+sort_new_val+"&sort_area="+sort_area_val+""+ "&area=<?if (isset($_GET['area'])) echo $_GET['area'];?>&type_area=<?if (isset($_GET['type_area'])) echo $_GET['type_area'];?>&format_area=<? if (isset($_GET['format_area'])) echo $_GET['format_area'];?>"+ "&area_m2_min=<? if (isset($_GET['area_m2_min'])) echo $_GET['area_m2_min'];?>&area_m2_max=<? if (isset($_GET['area_m2_max'])) echo $_GET['area_m2_max'];?>"+ "&price_min=<? if (isset($_GET['price_min'])) echo $_GET['price_min'];?>&price_max=<? if (isset($_GET['price_max'])) echo $_GET['price_max'];?>&address=<? if (isset($_GET['address'])) echo $_GET['address'];?>", success: function(data) { console.log('Успешно обновлены данные ПРОДАЖА таблиц '); $('#prodaja_block').html(data); }, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, error: function(data) { console.log('Error: '+ data); } }); $.ajax({ type: "GET", url: "{{ route('catalog') }}", data: "view=bissnes&sort_price="+sort_price_val+"&sort_new="+sort_new_val+"&sort_area="+sort_area_val+""+ "&area=<?if (isset($_GET['area'])) echo $_GET['area'];?>&type_area=<?if (isset($_GET['type_area'])) echo $_GET['type_area'];?>&format_area=<? if (isset($_GET['format_area'])) echo $_GET['format_area'];?>"+ "&area_m2_min=<? if (isset($_GET['area_m2_min'])) echo $_GET['area_m2_min'];?>&area_m2_max=<? if (isset($_GET['area_m2_max'])) echo $_GET['area_m2_max'];?>"+ "&price_min=<? if (isset($_GET['price_min'])) echo $_GET['price_min'];?>&price_max=<? if (isset($_GET['price_max'])) echo $_GET['price_max'];?>&address=<? if (isset($_GET['address'])) echo $_GET['address'];?>", success: function(data) { console.log('Успешно обновлены данные БИЗНЕС таблиц '); $('#bissnes_block').html(data); }, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, error: function(data) { console.log('Error: '+ data); } }); $.ajax({ type: "GET", url: "{{ route('catalog') }}", data: "view=arendovannie&sort_price="+sort_price_val+"&sort_new="+sort_new_val+"&sort_area="+sort_area_val+""+ "&area=<?if (isset($_GET['area'])) echo $_GET['area'];?>&type_area=<?if (isset($_GET['type_area'])) echo $_GET['type_area'];?>&format_area=<? if (isset($_GET['format_area'])) echo $_GET['format_area'];?>"+ "&area_m2_min=<? if (isset($_GET['area_m2_min'])) echo $_GET['area_m2_min'];?>&area_m2_max=<? if (isset($_GET['area_m2_max'])) echo $_GET['area_m2_max'];?>"+ "&price_min=<? if (isset($_GET['price_min'])) echo $_GET['price_min'];?>&price_max=<? if (isset($_GET['price_max'])) echo $_GET['price_max'];?>&address=<? if (isset($_GET['address'])) echo $_GET['address'];?>", success: function(data) { console.log('Успешно обновлены данные таблиц '); $('#arendovannie_block').html(data); //.append(data); }, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, error: function(data) { console.log('Error: '+ data); } }); } ); </script> @endsection |
242debab8 Первый коммит в п... |
170 171 172 173 174 175 |
@section('content') <section class="catalog"> <div class="container"> <div class="catalog__top top-catalog"> <div class="top-catalog__inner"> <h2 class="top-catalog__title title">Каталог коммерческой недвижимости</h2> |
f615f47db Страница каталога... |
176 |
<div class="top-catalog__result">Найдено объектов по Вашему запросу: <span><?=$house_arenda->count()+$house_prodaja->count()+$house_bissnes->count()+$house_arendovannie->count(); ?></span></div> |
242debab8 Первый коммит в п... |
177 178 179 180 181 182 |
</div> <form class="top-catalog__sorts"> <div class="top-catalog__sort-group sort-group js_sort_group"> <input class="js_sort_group_input" type="hidden"> <div class="sort-group__current js_sort_group_current">Сначала дешевле</div> <ul class="sort-group__list js_sort_group_list"> |
f615f47db Страница каталога... |
183 184 |
<li class="sort-price sort-group__item js_sort_group_item active" data-val="1">Сначала дешевле</li> <li class="sort-price sort-group__item js_sort_group_item" data-val="2">Сначала дороже</li> |
242debab8 Первый коммит в п... |
185 186 187 188 189 190 |
</ul> </div> <div class="top-catalog__sort-group sort-group js_sort_group"> <input class="js_sort_group_input" type="hidden"> <div class="sort-group__current js_sort_group_current">Сначала новые</div> <ul class="sort-group__list js_sort_group_list"> |
f615f47db Страница каталога... |
191 192 |
<li class="sort-new sort-group__item js_sort_group_item active" data-val="1">Сначала новые</li> <li class="sort-new sort-group__item js_sort_group_item" data-val="2">Сначала старые</li> |
242debab8 Первый коммит в п... |
193 194 195 196 197 198 |
</ul> </div> <div class="top-catalog__sort-group sort-group sort-group--wide js_sort_group"> <input class="js_sort_group_input" type="hidden"> <div class="sort-group__current js_sort_group_current">Сначала с большей площадью</div> <ul class="sort-group__list js_sort_group_list"> |
f615f47db Страница каталога... |
199 200 |
<li class="sort-area sort-group__item js_sort_group_item active" data-val="1">Сначала с большей площадью</li> <li class="sort-area sort-group__item js_sort_group_item" data-val="2">Сначала с меньшей площадью</li> |
242debab8 Первый коммит в п... |
201 202 203 204 205 |
</ul> </div> </form> </div> </div> |
f615f47db Страница каталога... |
206 |
<div class="complex__sliders"> |
242debab8 Первый коммит в п... |
207 208 209 210 211 212 213 214 |
<section class="slider"> <div class="container"> <div class="slider__wrap"> <div class="slider__top"> <h2 class="slider__title title">Аренда торговых помещений</h2><a class="slider__more" href="#">Показать все объекты</a> <div class="slider__control"> <div class="swiper-button-prev"> <svg width="10" height="17"> |
f615f47db Страница каталога... |
215 |
<use xlink:href="{{ asset('images/sprite.svg#slider-arrow') }}"></use> |
242debab8 Первый коммит в п... |
216 217 218 219 |
</svg> </div> <div class="swiper-button-next"> <svg width="10" height="17"> |
f615f47db Страница каталога... |
220 |
<use xlink:href="{{ asset('images/sprite.svg#slider-arrow') }}"></use> |
242debab8 Первый коммит в п... |
221 222 223 224 225 |
</svg> </div> </div> </div> <div class="slider__swiper swiper"> |
f615f47db Страница каталога... |
226 227 228 229 230 231 232 233 |
<div class="swiper-wrapper" id="arenda_block"> @if ($house_arenda->count()) @foreach ($house_arenda as $house1) @include('catalogs.elemhouse', ['house' => $house1]) @endforeach @else <h3>Здесь пока что нет предложений</h3> @endif |
242debab8 Первый коммит в п... |
234 235 236 237 238 239 240 241 242 243 244 245 246 247 |
</div> </div> <div class="swiper-pagination"></div> </div> </div> </section> <section class="slider"> <div class="container"> <div class="slider__wrap"> <div class="slider__top"> <h2 class="slider__title title">Продажа торговых помещений</h2><a class="slider__more" href="#">Показать все объекты</a> <div class="slider__control"> <div class="swiper-button-prev"> <svg width="10" height="17"> |
f615f47db Страница каталога... |
248 |
<use xlink:href="{{ asset('images/sprite.svg#slider-arrow') }}"></use> |
242debab8 Первый коммит в п... |
249 250 251 252 |
</svg> </div> <div class="swiper-button-next"> <svg width="10" height="17"> |
f615f47db Страница каталога... |
253 |
<use xlink:href="{{ asset('images/sprite.svg#slider-arrow') }}"></use> |
242debab8 Первый коммит в п... |
254 255 256 257 258 |
</svg> </div> </div> </div> <div class="slider__swiper swiper"> |
f615f47db Страница каталога... |
259 260 261 262 263 264 265 266 |
<div class="swiper-wrapper" id="prodaja_block"> @if ($house_prodaja->count()) @foreach ($house_prodaja as $house2) @include('catalogs.elemhouse', ['house' => $house2]) @endforeach @else <h3>Здесь пока что нет предложений</h3> @endif |
242debab8 Первый коммит в п... |
267 268 269 270 271 272 273 274 275 276 277 278 279 280 |
</div> </div> <div class="swiper-pagination"></div> </div> </div> </section> <section class="slider"> <div class="container"> <div class="slider__wrap"> <div class="slider__top"> <h2 class="slider__title title">Арендный бизнес</h2><a class="slider__more" href="#">Показать все объекты</a> <div class="slider__control"> <div class="swiper-button-prev"> <svg width="10" height="17"> |
f615f47db Страница каталога... |
281 |
<use xlink:href="{{ asset('images/sprite.svg#slider-arrow') }}"></use> |
242debab8 Первый коммит в п... |
282 283 284 285 |
</svg> </div> <div class="swiper-button-next"> <svg width="10" height="17"> |
f615f47db Страница каталога... |
286 |
<use xlink:href="{{ asset('images/sprite.svg#slider-arrow') }}"></use> |
242debab8 Первый коммит в п... |
287 288 289 290 291 |
</svg> </div> </div> </div> <div class="slider__swiper swiper"> |
f615f47db Страница каталога... |
292 293 294 295 296 297 298 299 |
<div class="swiper-wrapper" id="bissnes_block"> @if ($house_bissnes->count()) @foreach ($house_bissnes as $house3) @include('catalogs.elemhouse', ['house' => $house3]) @endforeach @else <h3>Здесь пока что нет предложений</h3> @endif |
242debab8 Первый коммит в п... |
300 301 302 303 304 305 306 307 308 309 310 311 312 313 |
</div> </div> <div class="swiper-pagination"></div> </div> </div> </section> <section class="slider"> <div class="container"> <div class="slider__wrap"> <div class="slider__top"> <h2 class="slider__title title">Арендованные</h2><a class="slider__more" href="#">Показать все объекты</a> <div class="slider__control"> <div class="swiper-button-prev"> <svg width="10" height="17"> |
f615f47db Страница каталога... |
314 |
<use xlink:href="{{ asset('images/sprite.svg#slider-arrow') }}"></use> |
242debab8 Первый коммит в п... |
315 316 317 318 |
</svg> </div> <div class="swiper-button-next"> <svg width="10" height="17"> |
f615f47db Страница каталога... |
319 |
<use xlink:href="{{ asset('images/sprite.svg#slider-arrow') }}"></use> |
242debab8 Первый коммит в п... |
320 321 322 323 324 |
</svg> </div> </div> </div> <div class="slider__swiper swiper"> |
f615f47db Страница каталога... |
325 326 327 328 329 330 331 332 |
<div class="swiper-wrapper" id="arendovannie_block"> @if ($house_arendovannie->count()) @foreach ($house_arendovannie as $house1) @include('catalogs.elemhouse', ['house' => $house1]) @endforeach @else <h3>Здесь пока что нет предложений</h3> @endif |
242debab8 Первый коммит в п... |
333 334 335 336 337 338 339 340 341 342 343 344 345 346 |
</div> </div> <div class="swiper-pagination"></div> </div> </div> </section> </div> </section> @endsection @section('form_feedback') <!-- Форма обратной связи --> @include('form.form_feedback') @endsection |