map_view.php 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. <?php include 'header.php' ?>
  2. <section id="content">
  3. <div class="filter-bar">
  4. <div class="filter-input-wrap minus map-search-1">
  5. <select name="ertekesites" id="ertekesites" class="modal-input property-search-select" onchange="set_ertekesites_tipus($(this).val())">
  6. <option value="">Összes értékesítés típus</option>
  7. <?php foreach ($ertekesites as $item) : ?>
  8. <option value="<?=$item->ertekesites?>" <?php if ($_SESSION['search']['ertekesites']==$item->ertekesites) echo 'selected'; ?>><?=lang::_($item->ertekesites)?></option>
  9. <?php endforeach; ?>
  10. </select>
  11. </div>
  12. <div class="filter-input-wrap minus map-search-2">
  13. <select name="jelleg" id="jelleg" class="modal-input property-search-select" onchange="setDetailedForm($(this),'grid')">
  14. <?php
  15. if ($_SESSION['search']['jelleg']=='lakoingatlan') {
  16. $check = 'Lakóingatlan - '.$_SESSION['search']['tipus'];
  17. }
  18. else {
  19. $check = $_SESSION['search']['jelleg'];
  20. }
  21. ?>
  22. <option value="">Összes ingatlan jelleg</option>
  23. <?php foreach ($jelleg as $item) : ?>
  24. <option value="<?=$item->jelleg?>" <?php if ($check==$item->jelleg) echo 'selected'; ?>><?=lang::_(str_replace("Lakóingatlan - ","",$item->jelleg))?></option>
  25. <?php endforeach; ?>
  26. </select>
  27. </div>
  28. <div class="filter-input-wrap selectize-wrap map-search-3">
  29. <select name="city[]" id="city" multiple="multiple">
  30. <option value="">Hol keresel?</option>
  31. <?php $actives = explode(",",$_SESSION['search']['city']); ?>
  32. <option value="Budapest" <?php if (in_array('Budapest',$actives)) echo 'selected'; ?>>Budapest</option>
  33. <?php foreach ($city as $item) : ?>
  34. <option value="<?=$item->telepules?>" <?php if (in_array($item->telepules,$actives)) echo 'selected'; ?>><?=$item->telepules?></option>
  35. <?php endforeach; ?>
  36. <?php foreach ($actives as $active) : ?>
  37. <?php if (stristr($active," (")) : ?>
  38. <option value="<?=$active?>" selected><?=$active?></option>
  39. <?php endif; ?>
  40. <?php endforeach; ?>
  41. </select>
  42. &nbsp;&nbsp;
  43. </div>
  44. <div class="sgPriceBox pricebox-marged" id="map-search-4" onclick="sgSetEditable(this)" style="margin-left: 0px;">
  45. <small class="ar-label" style="<?php if ($_SESSION['search']['iranyar_min']!='' || $_SESSION['search']['iranyar_max']!='') echo 'display: none;'; ?> color: #ccc;">Ár</small>
  46. <input <?php if ($_SESSION['search']['iranyar_min']=='') echo 'style="display: none;"'; ?> type="text" name="armin" id="iranyar_min" class="arbox" value="<?=$_SESSION['search']['iranyar_min']?>" placeholder="min" onfocus="this.placeholder = ''" onblur="this.placeholder = 'min'"><span <?php if ($_SESSION['search']['iranyar_min']=='') echo 'style="display: none;"'; ?>>-</span><input <?php if ($_SESSION['search']['iranyar_max']=='') echo 'style="display: none;"'; ?> type="text" name="armax" id="iranyar_max" class="arbox" value="<?=$_SESSION['search']['iranyar_max']?>" placeholder="max" onfocus="this.placeholder = ''" onblur="this.placeholder = 'max'">
  47. <?php if ($_SESSION['search']['ertekesites']=='elado') : ?>
  48. <small class="currency-label" style="float: right; margin-right: 15px;">M Ft</small>
  49. <?php else : ?>
  50. <small class="currency-label" style="float: right; margin-right: 15px;">E Ft</small>
  51. <?php endif; ?>
  52. </div>
  53. <div class="sgSizeBox" id="map-search-5" onclick="sgSetSizeEditable(this)">
  54. <small class="size-label" style="<?php if ($_SESSION['search']['meret_netto_min']!='' || $_SESSION['search']['meret_netto_max']!='') echo 'display: none;'; ?> color: #ccc;">Terület</small>
  55. <input <?php if ($_SESSION['search']['meret_netto_min']=='') echo 'style="display: none;"'; ?> type="text" name="nmmin" id="meret_netto_min" class="sizebox" value="<?=$_SESSION['search']['meret_netto_min']?>" placeholder="min" onfocus="this.placeholder = ''" onblur="this.placeholder = 'min'"><span <?php if ($_SESSION['search']['meret_netto_min']=='') echo 'style="display: none;"'; ?>>-</span><input <?php if ($_SESSION['search']['meret_netto_max']=='') echo 'style="display: none;"'; ?> type="text" name="nmmax" id="meret_netto_max" class="sizebox" value="<?=$_SESSION['search']['meret_netto_max']?>" placeholder="max" onfocus="this.placeholder = ''" onblur="this.placeholder = 'max'">
  56. <small style="margin-top: 5px; float: right; margin-right: 15px;">m<sup>2</sup></small>
  57. </div>
  58. <!--<div class="filter-input-wrap minus only-mobile">
  59. <input class="modal-input property-search-text first-property-searc-text" type="text" name="szoba_min" id="szoba_min" value="<?=$_SESSION['search']['szoba_min']?>" placeholder="Szobák (min)">
  60. <input class="modal-input property-search-text" type="text" name="szoba_max" id="szoba_max" value="<?=$_SESSION['search']['szoba_max']?>" placeholder="Szobák (max)">
  61. </div>-->
  62. <br class="only-mobile">
  63. <button type="button" name="go" onclick="search('/map/search/filter/')" class="btn-black mini"><i class="fas fa-search"></i> <span class="display-on-mobile">Keresés</span></button>
  64. <a href="javascript: void(0);" name="dsBtn" class="detailed-search-btn" onclick="showHideDetailSearch()">Részletes keresés</a>
  65. <a href="#" onclick="showGridView()" class="set-view view-list"><i class="fas fa-list"></i>Lista</a>
  66. <a href="#" onclick="showMapView()" class="set-view view-map"><i class="fas fa-th"></i>Térkép</a>
  67. </div>
  68. <div class="detailed-filter"></div>
  69. <div id="moveButton" style="float: left; line-height: 10px; position: fixed; left: 20px;"><div role="button" tabindex="0" title="Térkép mozgatása" aria-label="Térkép mozgatása" aria-pressed="false" draggable="false" style="direction: ltr; overflow: hidden; text-align: left; position: relative; color: rgb(86, 86, 86); font-family: Roboto, Arial, sans-serif; user-select: none; font-weight: bold; font-size: 11px; background-color: rgb(255, 255, 255); padding: 6px; padding-top: 2px; margin-top: 10px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; background-clip: padding-box; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;"><span style="display: inline-block;"><div style="width: 50px; height: 16px; overflow: hidden; position: relative; margin-top: 10px;">Mozgatás</div></span></div></div>
  70. <div id="polyButton" style="float: left; line-height: 10px; position: fixed; left: 85px;"><div role="button" tabindex="0" title="Kijelölés létrehozása" aria-label="Kijelölés létrehozása" aria-pressed="false" draggable="false" style="direction: ltr; overflow: hidden; text-align: left; position: relative; color: rgb(86, 86, 86); font-family: Roboto, Arial, sans-serif; user-select: none; font-weight: bold; font-size: 11px; background-color: rgb(255, 255, 255); padding: 6px; padding-top: 2px; margin-top: 10px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; background-clip: padding-box; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;"><span style="display: inline-block;"><div style="width: 45px; height: 16px; overflow: hidden; position: relative; margin-top: 10px;">Kijelölés</div></span></div></div>
  71. <div id="circleButton" style="float: left; line-height: 10px; position: fixed; left: 145px; top: 162px; z-index: 9999;"><div role="button" tabindex="0" title="Kijelölés létrehozása" aria-label="Kijelölés létrehozása" aria-pressed="false" draggable="false" style="direction: ltr; overflow: hidden; text-align: left; position: relative; color: rgb(86, 86, 86); font-family: Roboto, Arial, sans-serif; user-select: none; font-weight: bold; font-size: 11px; background-color: rgb(255, 255, 255); padding: 6px; padding-top: 2px; margin-top: 10px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; background-clip: padding-box; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;"><span style="display: inline-block;"><div style="width: 60px; height: 16px; overflow: hidden; position: relative; margin-top: 10px;">Kör rajzolás</div></span></div></div>
  72. <div id="trashButton" style="float: left; line-height: 10px; position: fixed; left: 220px;"><div role="button" tabindex="0" title="Kijelölés törlése" aria-label="Kijelölés törlése" aria-pressed="false" draggable="false" style="direction: ltr; overflow: hidden; text-align: left; position: relative; color: rgb(86, 86, 86); font-family: Roboto, Arial, sans-serif; user-select: none; font-weight: bold; font-size: 11px; background-color: rgb(255, 255, 255); padding: 6px; padding-top: 2px; margin-top: 10px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; background-clip: padding-box; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;"><span style="display: inline-block;"><div style="width: 30px; height: 16px; overflow: hidden; position: relative; margin-top: 10px;">Törlés</div></span></div></div>
  73. <div onclick="switchFullScreen($(this))" id="fullButton" style="float: left; line-height: 10px; position: absolute; left: 265px; top: 162px; z-index: 998;"><div role="button" tabindex="0" title="Váltás teljes képernyőre" aria-label="Váltás teljes képernyőre" aria-pressed="false" draggable="false" style="direction: ltr; overflow: hidden; text-align: left; position: relative; color: rgb(86, 86, 86); font-family: Roboto, Arial, sans-serif; user-select: none; font-weight: bold; font-size: 11px; background-color: rgb(255, 255, 255); padding: 6px; padding-top: 2px; margin-top: 10px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; background-clip: padding-box; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;"><span style="display: inline-block;"><div id="fsBtnLabel" style="width: 80px; height: 16px; overflow: hidden; position: relative; margin-top: 10px;">Teljes képernyő</div></span></div></div>
  74. <div class="map-block" id="map"></div>
  75. <div class="results-block thin-block">
  76. <button type="button" id="showhideDetailSearch" name="nsBtn" class="btn-black hide-on-desktop" style="width: 96%;" onclick="showHideSearch()">Részletes keresés</button>
  77. <a href="javascript:;" id="showhideDetailClose" class="hide-on-desktop close-detail-search" style="display: none;" onclick="showHideSearch()"><i class="fas fa-times"></i> Részletes keresés bezárása</a>
  78. <?php if ($propertyCount>0) : ?>
  79. <h3 style="font-weight: bold;"><strong id="properties_count" style="font-weight: bold;"><?=$propertyCount?></strong> találat</h3>
  80. <h4 id="map_search_text"><?=$keresesi_szoveg?></h4>
  81. <?php endif; ?>
  82. <?php if ($propertyCount>0) : ?>
  83. <div class="sorter">
  84. <label>Rendezés:</label>
  85. <?php $active_order = $_SESSION['storedOrderField']."_".$_SESSION['storedOrderDirection']; ?>
  86. <select name="sorting" onchange="setListOrder($(this).val())">
  87. <option value="letrehozva_DESC" <?php if ($active_order=='letrehozva_DESC') echo 'selected'; ?>>Legújabbak</option>
  88. <option value="letrehozva_ASC" <?php if ($active_order=='letrehozva_ASC') echo 'selected'; ?>>Régebbiek</option>
  89. <option value="iranyar_ASC" <?php if ($active_order=='iranyar_ASC') echo 'selected'; ?>>Olcsóbbak</option>
  90. <option value="iranyar_DESC" <?php if ($active_order=='iranyar_DESC') echo 'selected'; ?>>Drágábbak</option>
  91. </select>
  92. <!--<button type="button" name="save_search" onclick="save_search()" class="btn-black short righted" style="margin-right: 50px;">Keresés mentése</button>-->
  93. </div>
  94. <?php else : ?>
  95. <div class="error-message" style="display: block; position: relative;"><h2>Nincs találat : (</h2> Jelenleg nincs a megadott keresési feltételeknek megfelelő ingatlan az adatbázisunkban. Kérjük adjon meg más keresési paramétereket!</div>
  96. <?php endif; ?>
  97. <div class="clear"></div>
  98. <br>
  99. <div class="result-list-thin">
  100. <div class="clear"></div>
  101. </div>
  102. </div>
  103. </section>
  104. <script>var redirectURL = window.location.href;</script>
  105. <?php include 'footer_map.php' ?>