#3472 listing design improvments - Integrate

This commit is contained in:
Diatrex 2021-04-12 10:52:36 +03:00
parent b17c93cd37
commit 5aa60780ee
5 changed files with 34 additions and 55 deletions

View File

@ -101,11 +101,16 @@ ul {
& > div { & > div {
div { div {
line-height: 1; line-height: 1;
&.sub-cat {
margin-left: 1.65rem;
}
} }
svg, img { svg, img {
width: 1.15rem; width: 1.15rem;
height: 1.15rem; height: 1.15rem;
overflow: hidden;
object-fit: contain; object-fit: contain;
flex-shrink: 0; flex-shrink: 0;
} }
@ -117,13 +122,13 @@ ul {
} }
.sub-cat { .sub-cat {
a {
font-size: calc(12rem / 16);
}
li { li {
margin-bottom: .25rem; margin-bottom: .25rem;
a {
font-size: calc(12rem / 16);
}
ul { ul {
padding-left: .5rem; padding-left: .5rem;
margin-top: .25rem; margin-top: .25rem;

View File

@ -57,7 +57,7 @@
</div> </div>
{% endif %} {% endif %}
<div id="viewTypes" class="d-flex justify-content-between"> <div id="viewTypes" class="d-flex justify-content-end">
{{ addBlock('ads-list/partials/before-display-mode', {'topfields': topfields})|raw }} {{ addBlock('ads-list/partials/before-display-mode', {'topfields': topfields})|raw }}

View File

@ -1,9 +1,9 @@
{% if params.category %} {% if params.category %}
{% for category_breadcrumbs in params.mainCats %} {% for category_breadcrumbs in params.mainCats %}
<span class="text-truncate"> <span class="text-truncate">
<a href="{{ url_route('adv_list_seo', [category_breadcrumbs['slug']]) }}" data-toggle="tooltip" <a href="{{ url_route('adv_list_seo', [category_breadcrumbs.slug]) }}" data-toggle="tooltip"
data-placement="bottom" title="{{ category_breadcrumbs['val'] }}"> data-placement="bottom" title="{{ category_breadcrumbs.name }}">
{{ category_breadcrumbs['val'] }} {{ category_breadcrumbs.name }}
</a> </a>
</span> </span>
{% endfor %} {% endfor %}

View File

@ -4,56 +4,30 @@
<li> <li>
<div class="d-flex"> <div class="d-flex">
{% if maincat.icon %} {% if (not categoryId) or (loop.first and categoryId) %}
<img src="{{ maincat.icon.url }}" alt="{{ maincat.name }}"> {% if maincat.icon %}
{% else %} <img src="{{ maincat.icon.url }}" alt="{{ maincat.name }}">
{{ img('visiosoft.module.advs::images/listing/sample-cat-icon.svg').data|raw }} {% else %}
{{ img('visiosoft.module.advs::images/listing/sample-cat-icon.svg').data|raw }}
{% endif %}
{% endif %} {% endif %}
<div class="ml-2"> <div class="{{ not loop.first and categoryId ? 'sub-cat' : 'ml-2' }}" style="{{ not loop.first and categoryId ? 'padding-left: ' ~ (loop.index - 1) * 0.5 ~ 'rem;' }}">
<a href="{{ appendRequestURL(request_query(),url_route('adv_list_seo', [maincat.slug, cityId.slug]),{},['page']) }}">
{{ maincat.name }}
</a>
{# <ul class="sub-cat mt-1">#}
{# {% for subcat in subCats %}#}
{# {% if subcat.parent_category_id == maincat.id %}#}
{# {% set subCatId = entries('cats', 'category').find(subcat.id) %}#}
{# <li>#}
{# <a href="{{ appendRequestURL(request_query(), url_route('adv_list_seo', [subCatId.slug, citySlug]), {}, ['page']) }}">#}
{# {{ subcat.name }}#}
{# </a>#}
{# <ul>#}
{# <li>#}
{# <a href="#">Test</a>#}
{# <ul>#}
{# <li><a href="#">Test</a></li>#}
{# <li><a href="#">Test</a></li>#}
{# <li><a href="#">Test</a></li>#}
{# <li><a href="#">Test</a></li>#}
{# <li><a href="#">Test</a></li>#}
{# <li><a href="#">Test</a></li>#}
{# </ul>#}
{# </li>#}
{# </ul>#}
{# </li>#}
{# {% endif %}#}
{# {% endfor %}#}
{# </ul>#}
</div>
</div>
</li>
<li>
<div class="d-flex">
{% if maincat.icon %}
<img src="{{ maincat.icon.url }}" alt="{{ maincat.name }}">
{% else %}
{{ img('visiosoft.module.advs::images/listing/sample-cat-icon.svg').data|raw }}
{% endif %}
<div class="ml-2">
<a href="{{ appendRequestURL(request_query(),url_route('adv_list_seo', [maincat.slug, cityId.slug]),{},['page']) }}"> <a href="{{ appendRequestURL(request_query(),url_route('adv_list_seo', [maincat.slug, cityId.slug]),{},['page']) }}">
{{ maincat.name }} {{ maincat.name }}
</a> </a>
{% if count(subCats) %}
<ul class="sub-cat mt-1 ml-2">
{% for subcat in subCats %}
{% if subcat.parent_category_id == maincat.id %}
<li>
<a href="{{ appendRequestURL(request_query(), url_route('adv_list_seo', [subcat.slug, citySlug]), {}, ['page']) }}">
{{ subcat.name }}
</a>
</li>
{% endif %}
{% endfor %}
</ul>
{% endif %}
</div> </div>
</div> </div>
</li> </li>

View File

@ -178,7 +178,7 @@ class CategoryModel extends CatsCategoryEntryModel implements CategoryInterface
$categories = array(); $categories = array();
$z = 1; $z = 1;
for ($i = 1; $i <= $z; $i++) { for ($i = 1; $i <= $z; $i++) {
if ($main = $this->newQuery()->where('id', $id)->first()->select('id', 'name', 'slug', '')) { if ($main = $this->find($id)) {
$categories[] = $main; $categories[] = $main;
if ($main->parent_category_id != null) { if ($main->parent_category_id != null) {
$id = $main->parent_category_id; $id = $main->parent_category_id;