Skip to content

Тимофей Семененко / shold.dev5.ashmanov.com

Go to a project
Commit 39db5ad6 by Semenenko Timofey
Options

filter part2

1 parent 1e01f4b9
Pipeline #2856 for 39db5ad6 skipped in 0 seconds
Inline Side-by-side
Showing 6 changed files with 97 additions and 158 deletions
404.php
......@@ -6,7 +6,6 @@ if(!isAjax()) {
CHTTP::SetStatus("404 Not Found");
}
@define('ERROR_404','Y');
global $APPLICATION;
global $USER;
$APPLICATION->RestartBuffer();
......
css/easy-responsive-tabs.css
......@@ -39,11 +39,11 @@ h2.resp-accordion {
}
.resp-tab-active {
border: 1px solid #5AB1D0 !important;
border: 1px solid #fff !important;
border-bottom: none;
margin-bottom: -1px !important;
padding: 12px 14px 14px 14px !important;
border-top: 4px solid #5AB1D0 !important;
border-top: 4px solid #fff !important;
border-bottom: 0px #fff solid !important;
}
......@@ -58,10 +58,11 @@ h2.resp-accordion {
.resp-tab-content {
border: 1px solid #c1c1c1;
border-top-color: #5AB1D0;
border-top-color: #fff;
}
h2.resp-accordion {
color: #fff;
font-size: 13px;
border: 1px solid #c1c1c1;
border-top: 0px solid #c1c1c1;
......@@ -110,14 +111,14 @@ h2.resp-tab-title:last-child {
word-wrap: break-word;
}
.resp-vtabs li.resp-tab-active {
.resp-vtabs li.resp-tab-active {
position: relative;
z-index: 1;
margin-right: -1px !important;
padding: 14px 15px 15px 14px !important;
border-top: 1px solid;
border: 1px solid #5AB1D0 !important;
border-left: 4px solid #5AB1D0 !important;
border: 1px solid #fff !important;
border-left: 4px solid #fff !important;
margin-bottom: 4px !important;
border-right: 1px #FFF solid !important;
}
......
css/media.css
......@@ -206,7 +206,8 @@ li.additional_list_item{margin-bottom:20px;float:left;}
.path-current{padding:0 5px;}
.page-head._bigger .path-current{margin-bottom:6px;}
.page-head._mp{overflow:hidden;}
.page-content{/* padding: 200px 0 30px 0; */}
.page-content{/* padding-top: 80px; */px; */}
/* .page-content.mobile{padding-top: 230px;} */
._top .path{padding-top:70px;text-align:center;margin:0;}
.page-head._bigger .path{padding-top:3px;margin:0;text-align:center;}
.page-head._bigger .phone{/* bottom:7px; */top:auto;left:0;width:100%;}
......@@ -218,7 +219,7 @@ li.additional_list_item{margin-bottom:20px;float:left;}
.filter._inner-page .filter-element{font-size:0;}
.filter-element._parent{width:100%;}
.filter-element._select{min-width:0;width:33%;}
.filter-select-item{padding-left:0;text-align:center;display:block;}
.filter-select-item{color: #333;padding-left:0;text-align:center;display:block;}
.mp-tiles-wr{padding-top:4rem;}
.process-top{padding:0 0 0 0;min-height:auto;}
.process-top-image{float:none;position:static;left:0;top:0;overflow:hidden;width:100%;height:auto;}
......
js/index.js
......@@ -489,6 +489,11 @@ $(document).ready(function() {
width: 'auto', //auto or any width like 600px
fit: true, // 100% fit in a container
tabidentify: 'hor_1', // The tab groups identifier
activetab_bg: '#333', // background color for active tabs in this group
inactive_bg: '#f37e43', // background color for inactive tabs in this group
active_border_color: '#f37e43', // border color for active tabs heads in this group
inactive_color: '#fff',
activetab_color: '#fff',
activate: function(event) { // Callback function if tab is switched
var $tab = $(this);
var $info = $('#nested-tabInfo');
......@@ -497,17 +502,41 @@ $(document).ready(function() {
$info.show();
}
});
// Child Tab
$('#ChildVerticalTab_1').easyResponsiveTabs({
type: 'vertical',
width: 'auto',
fit: true,
tabidentify: 'ver_1', // The tab groups identifier
activetab_bg: '#fff', // background color for active tabs in this group
inactive_bg: '#F5F5F5', // background color for inactive tabs in this group
active_border_color: '#c1c1c1', // border color for active tabs heads in this group
active_content_border_color: '#5AB1D0' // border color for active tabs contect in this group so that it matches the tab head border
$('#parentHorizontalTab').easyResponsiveTabs({
type: 'default', //Types: default, vertical, accordion
width: 'auto', //auto or any width like 600px
fit: true, // 100% fit in a container
tabidentify: 'hor_2', // The tab groups identifier
activetab_bg: '#333', // background color for active tabs in this group
inactive_bg: '#f37e43', // background color for inactive tabs in this group
active_border_color: '#f37e43', // border color for active tabs heads in this group
inactive_color: '#fff',
activetab_color: '#fff',
activate: function(event) { // Callback function if tab is switched
var $tab = $(this);
var $info = $('#nested-tabInfo');
var $name = $('span', $info);
$name.text($tab.text());
$info.show();
}
});
$('#parentHorizontalTab').easyResponsiveTabs({
type: 'default', //Types: default, vertical, accordion
width: 'auto', //auto or any width like 600px
fit: true, // 100% fit in a container
tabidentify: 'hor_3', // The tab groups identifier
activetab_bg: '#333', // background color for active tabs in this group
inactive_bg: '#f37e43', // background color for inactive tabs in this group
active_border_color: '#f37e43', // border color for active tabs heads in this group
inactive_color: '#fff',
activetab_color: '#fff',
activate: function(event) { // Callback function if tab is switched
var $tab = $(this);
var $info = $('#nested-tabInfo');
var $name = $('span', $info);
$name.text($tab.text());
$info.show();
}
});
//Vertical Tab
......@@ -517,6 +546,12 @@ $(document).ready(function() {
fit: true, // 100% fit in a container
closed: 'accordion', // Start closed if in accordion view
tabidentify: 'hor_1', // The tab groups identifier
activetab_bg: '#333', // background color for active tabs in this group
inactive_bg: '#f37e43', // background color for inactive tabs in this group
active_border_color: '#fff', // border color for active tabs heads in this group
inactive_color: '#fff',
activetab_color: '#fff',
activate: function(event) { // Callback function if tab is switched
var $tab = $(this);
var $info = $('#nested-tabInfo2');
......@@ -525,7 +560,19 @@ $(document).ready(function() {
$info.show();
}
});
});
$(".resp-accordion hor_1 resp-tab-active").on ('click' , function () {
alert('1');
// $('.page-content mobile').removeClass('mobile');
});
//отключение режима просмотра в карточке проекта
$(".hor_1").on('click' , function(){
$('.page-content').addClass('mobile');
});
local/components/cpeople/project/templates/.default/project-list.php
......@@ -25,7 +25,7 @@ if(empty($_GET['section'])) {
</ul>
<? if($arResult['REMAIN'] > 0) { ?>
<div class="icon-preloader js-more-icon-preloader" data-mode="auto">Загрузка...</div>
......
local/include/filter_params_mobile.php
......@@ -2,7 +2,7 @@
<? if ($_SERVER['REQUEST_URI'] == '/projects/') { ?>
<style>
.page-content {
padding: 300px 0 30px 0;
padding: 85px 0 30px 0;
}
.text-content H1 {
......@@ -89,128 +89,6 @@
</div>
<? if ($APPLICATION->GetCurPage() != '/') { ?> </div><? } ?>
<? if ($APPLICATION->GetCurPage() != '/') { ?>
<div class='out_sub_menu'> <? } ?>
<div class="filter-element _parent">
<div id="parentVerticalTab">
<ul class="resp-tabs-list hor_1">
<li class="filter-element _house _inactive" data-type="house">
Площадь<? if ($APPLICATION->GetCurPage() == '/') { ?><a href="#!"
class="filter-select-title">площадь</a> <? } ?>
1
</li>
<li class="filter-element _house _inactive" data-type="house">
Этажи<? if ($APPLICATION->GetCurPage() == '/') { ?><a href="#!"
class="filter-select-title">этажи</a> <? } ?>
</li>
<li class="filter-element _house _inactive" data-type="house">
Спальни <? if ($APPLICATION->GetCurPage() == '/') { ?><a href="#!"
class="filter-select-title">спальни</a> <? } ?>
</li>
<li class="filter-element _house _inactive" data-type="house">
Тип<? if ($APPLICATION->GetCurPage() == '/') { ?> <a href="#!"
class="filter-select-title">Тип</a> <? } ?>
</li>
<li class="filter-element _bathhouse _inactive" data-type="bathhouse">Этажность</li>
<li class="filter-element _misc _inactive" data-type="misc">Виды конструкций</li>
</ul>
<div class="resp-tabs-container hor_1">
<div>
<div class="filter-select">
<div class='filter-inner-wrap'>
<? $key = 'square';
$filterData = $projectFilter->getFilterData($key); ?>
<? foreach ($filterData['items'] as $code => $filterItem) { ?>
<a href="#!" class="filter-select-item filter-chosable"
data-name="<?= $key ?>:<?= $code ?>"
data-input="<?= $key ?>-<?= $code ?>"><span><?= $filterItem['name'] ?></span></a>
<? } ?>
</div>
</div>
</div>
<div>
<div class="filter-select">
<div class='filter-inner-wrap'>
<? $key = 'floors';
$filterData = $projectFilter->getFilterData($key) ?>
<? foreach ($filterData['items'] as $code => $filterItem) { ?>
<a href="#!" class="filter-select-item filter-chosable"
data-name="<?= $key ?>:<?= $code ?>"
data-input="<?= $key ?>-<?= $code ?>"><span><?= $filterItem['name'] ?></span></a>
<? } ?>
</div>
</div>
</div>
<div>
<div class="filter-select">
<div class='filter-inner-wrap'>
<? $key = 'bedrooms';
$filterData = $projectFilter->getFilterData($key) ?>
<? foreach ($filterData['items'] as $code => $filterItem) { ?>
<a href="#!" class="filter-select-item filter-chosable"
data-name="<?= $key ?>:<?= $code ?>"
data-input="<?= $key ?>-<?= $code ?>"><span><?= $filterItem['name'] ?></span></a>
<? } ?>
</div>
</div>
</div>
<div>
<div class="filter-select">
<div class='filter-inner-wrap'>
<? $key = 'combo';
$filterData = $projectFilter->getFilterData($key); ?>
<? foreach ($filterData['items'] as $code => $filterItem) { ?>
<a href="#!" class="filter-select-item filter-chosable"
data-name="<?= $key ?>:<?= $code ?>"
data-input="<?= $key ?>-<?= $code ?>"><span><?= $filterItem['name'] ?></span></a>
<? } ?>
</div>
</div>
</div>
<div>
<? $key = 'bathhouse-floors';
$filterData = $projectFilter->getFilterData($key) ?>
<? foreach ($filterData['items'] as $code => $filterItem) { ?>
<a href="#!" class="filter-option filter-chosable"
data-name="<?= $key ?>:<?= $code ?>"
data-input="<?= $key ?>-<?= $code ?>"><span><?= $filterItem['name'] ?></span></a>
<? } ?>
</div>
<div>
<? $key = 'misc-type';
$filterData = $projectFilter->getFilterData($key); ?>
<? foreach ($filterData['items'] as $code => $filterItem) { ?>
<a href="#!" class="filter-option filter-chosable"
data-name="<?= $key ?>:<?= $code ?>"
data-input="<?= $key ?>-<?= $code ?>"><span><?= $filterItem['name'] ?></span></a>
<? } ?>
</div>
</div>
</div>
<div class="filter-element _all _inactive" data-type="all"></div>
</div>
</div>
<? if ($APPLICATION->GetCurPage() == '/') { ?>
<button class="filter-element _submit filter-submit-button" type="submit">подобрать</button> <? } ?>
......@@ -223,7 +101,10 @@
<style>
.page-content {
padding: 150px 0 30px 0;
padding: 205px 0 30px 0;
}
.page-content.mobile {
padding: 320px 0 30px 0;
}
.projects-list {
......@@ -237,7 +118,7 @@
.static-content {
padding-bottom: 0;
margin-top: 90px;
/*margin-top: 90px;*/
}
</style>
......@@ -436,11 +317,11 @@ if ($_SERVER['REQUEST_URI'] == '/projects/bani-iz-kleenogo-brusa/') {
<style>
.page-content {
padding: 100px 0 30px 0;
padding: 105px 0 30px 0;
}
.projects-list {
margin-top: 45px;
margin-top: 60px;
}
.text-content H1 {
......@@ -450,15 +331,16 @@ if ($_SERVER['REQUEST_URI'] == '/projects/bani-iz-kleenogo-brusa/') {
.static-content {
padding-bottom: 0;
margin-top: 60px;
/*margin-top: 60px;*/
}
.page-content.mobile {
padding-top: 180px;
}
@media (max-width: 1024px) {
.page-head._bigger + .page-content {
padding-top: 100px;
.page-head._bigger + .page-content.mobile {
padding-top: 200px;
}
}
</style>
......@@ -537,14 +419,17 @@ if ($_SERVER['REQUEST_URI'] == '/projects/bani-iz-kleenogo-brusa/') {
<div class="resp-tabs-container hor_1">
<div>
<div class="filter-select">
<div class='filter-inner-wrap'>
<? $key = 'bathhouse-floors';
$filterData = $projectFilter->getFilterData($key) ?>
<? foreach ($filterData['items'] as $code => $filterItem) { ?>
<a href="#!" class="filter-option filter-chosable"
<a href="#!" class="filter-select-item filter-chosable"
data-name="<?= $key ?>:<?= $code ?>"
data-input="<?= $key ?>-<?= $code ?>"><span><?= $filterItem['name'] ?></span></a>
<? } ?>
</div>
</div>
</div>
</div>
......@@ -569,7 +454,7 @@ if ($_SERVER['REQUEST_URI'] == '/projects/raznye-proekty/') {
<style>
.page-content {
padding: 100px 0 30px 0;
padding: 105px 0 30px 0;
}
.projects-list {
......@@ -585,6 +470,9 @@ if ($_SERVER['REQUEST_URI'] == '/projects/raznye-proekty/') {
padding-bottom: 0;
margin-top: 60px;
}
.page-content.mobile {
padding-top: 200px;
}
@media (max-width: 1024px) {
.page-head._bigger + .page-content {
......@@ -669,14 +557,17 @@ if ($_SERVER['REQUEST_URI'] == '/projects/raznye-proekty/') {
<div class="resp-tabs-container hor_1">
<div>
<div class="filter-select">
<div class='filter-inner-wrap'>
<? $key = 'misc-type';
$filterData = $projectFilter->getFilterData($key); ?>
<? foreach ($filterData['items'] as $code => $filterItem) { ?>
<a href="#!" class="filter-option filter-chosable"
<a href="#!" class="filter-select-item filter-chosable"
data-name="<?= $key ?>:<?= $code ?>"
data-input="<?= $key ?>-<?= $code ?>"><span><?= $filterItem['name'] ?></span></a>
<? } ?>
</div>
</div>
</div>
</div>
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!