mirror of
https://github.com/openclassify/openclassify.git
synced 2026-02-12 16:26:07 -06:00
ax
This commit is contained in:
Diatrex
parent
3b859914d2
commit
5ede6467af
@ -33,57 +33,12 @@ ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
/* End Main styles */
|
||||
|
||||
#listingPage {
|
||||
/* Breadcrumb */
|
||||
#breadcrumb {
|
||||
border-radius: 0 0 .25rem .25rem;
|
||||
padding: .2rem 1.5rem;
|
||||
background-color: #FCFCFC;
|
||||
|
||||
div {
|
||||
&:first-child {
|
||||
span {
|
||||
color: #8598AA;
|
||||
font-size: calc(13rem / 16);
|
||||
|
||||
&:not(:first-child):before {
|
||||
content: '>';
|
||||
margin-left: 0.4rem;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #8598AA;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
span {
|
||||
color: #87BBF1;
|
||||
font-size: calc(11rem / 16);
|
||||
|
||||
&:not(:first-child):before {
|
||||
content: '|';
|
||||
margin: 0 .25rem;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #87BBF1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/* End Breadcrumb */
|
||||
|
||||
#mainContainer {
|
||||
margin-top: .75rem;
|
||||
|
||||
/* Filter */
|
||||
#listFilterForm {
|
||||
#listFilterForm, #filterModal {
|
||||
@media only screen and (min-width: 576px) {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.filter-box {
|
||||
background-color: #FCFCFC;
|
||||
@ -233,7 +188,7 @@ ul {
|
||||
}
|
||||
}
|
||||
|
||||
#priceInputWrapper {
|
||||
.range-input-wrapper {
|
||||
::placeholder {
|
||||
color: #DFDFDF;
|
||||
opacity: 1;
|
||||
@ -273,6 +228,53 @@ ul {
|
||||
/* End Filter submit */
|
||||
}
|
||||
/* End Filter */
|
||||
/* End Main styles */
|
||||
|
||||
#listingPage {
|
||||
/* Breadcrumb */
|
||||
#breadcrumb {
|
||||
border-radius: 0 0 .25rem .25rem;
|
||||
padding: .2rem 1.5rem;
|
||||
background-color: #FCFCFC;
|
||||
|
||||
div {
|
||||
&:first-child {
|
||||
span {
|
||||
color: #8598AA;
|
||||
font-size: calc(13rem / 16);
|
||||
|
||||
&:not(:first-child):before {
|
||||
content: '>';
|
||||
margin-left: 0.4rem;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #8598AA;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
span {
|
||||
color: #87BBF1;
|
||||
font-size: calc(11rem / 16);
|
||||
|
||||
&:not(:first-child):before {
|
||||
content: '|';
|
||||
margin: 0 .25rem;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #87BBF1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/* End Breadcrumb */
|
||||
|
||||
#mainContainer {
|
||||
margin-top: .75rem;
|
||||
|
||||
/* Listing container */
|
||||
#listingContainer {
|
||||
@ -677,7 +679,7 @@ ul {
|
||||
#mobileListNav {
|
||||
background-color: #F8F9FA;
|
||||
|
||||
& > div:not(.divider) {
|
||||
& > .mobile-list-nav-item {
|
||||
width: percentage(1/3);
|
||||
font-size: calc(11rem / 16);
|
||||
color: #4D5359;
|
||||
|
||||
@ -2,39 +2,38 @@
|
||||
|
||||
{% block styles %}
|
||||
{{ asset_style("visiosoft.module.advs::css/list.css") }}
|
||||
{{ asset_style("visiosoft.module.advs::css/list-new.scss") }}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<section>
|
||||
|
||||
<div class="container">
|
||||
{% include "visiosoft.module.advs::list/partials/mobile-list" %}
|
||||
|
||||
<div id="listingPage" class="d-none d-sm-block">
|
||||
|
||||
<!-- breadcrumb -->
|
||||
{% include "visiosoft.module.advs::list/partials/breadcrumb" %}
|
||||
<!-- breadcrumb -->
|
||||
|
||||
<div class="row my-3 adv-list-wrapper">
|
||||
<div class="col-md-3 d-none d-sm-block filter-section">
|
||||
<div id="mainContainer" class="d-flex mb-5">
|
||||
|
||||
{% include "visiosoft.module.advs::list/partials/list-filter" %}
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<div class="section recommended-classified">
|
||||
<div class="result-text border d-none d-sm-block">
|
||||
<div class="mx-3 py-2">
|
||||
{% if catText %}
|
||||
<h1 class="d-inline text-truncate">
|
||||
"{{ catText }}"
|
||||
</h1>
|
||||
{% endif %}
|
||||
{{ trans('visiosoft.module.advs::field.search_ad_result_prefix')|lower }}
|
||||
<span>
|
||||
{{ advs.total }} {{ trans('visiosoft.module.advs::field.ad')|lower }}
|
||||
</span>
|
||||
{{ trans('visiosoft.module.advs::field.were_found') }}
|
||||
|
||||
<div id="listingContainer" class="flex-fill ml-4">
|
||||
<div id="pageTitle" class="d-flex justify-content-between border-bottom pb-2 px-3 mb-3">
|
||||
<p>
|
||||
{{ trans('visiosoft.module.advs::field.search_ad_result_text', {
|
||||
'count': advs.total,
|
||||
'name': catText ? catText : '',
|
||||
})|raw }}
|
||||
</p>
|
||||
|
||||
<a href="javascript:void(0)" class="d-flex align-items-center fav-search-modal">
|
||||
<span class="mr-2">Save Search</span>
|
||||
{{ img('visiosoft.module.advs::images/listing/save-search.svg').data|raw }}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
{% if count(cFArray) %}
|
||||
<div class="mx-3 border-top py-2 filter-tabs d-flex flex-wrap">
|
||||
<div id="queryBar" class="px-3 border py-2 filter-tabs d-flex flex-wrap mb-3">
|
||||
{% for customParam in cFArray %}
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="mr-1">{{ customParam['name'] }}</span>
|
||||
@ -57,34 +56,22 @@
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="row breadcrumb list-header">
|
||||
<div id="viewTypes" class="d-flex justify-content-between">
|
||||
|
||||
{{ addBlock('ads-list/partials/before-display-mode', {'topfields': topfields})|raw }}
|
||||
|
||||
<div class="col-md-6 my-2 d-none d-sm-block">
|
||||
{% include "visiosoft.module.advs::list/partials/list-sort-by" %}
|
||||
</div>
|
||||
<div class="col-md-6 my-2">
|
||||
{% include "visiosoft.module.advs::list/partials/display-mode" %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="my-2 p-0 bg-light d-flex d-sm-none mobile-list-action row text-center align-items-center">
|
||||
<div class="col-4" id="filter_modal_btn">
|
||||
<i class="fas fa-filter w-100"></i>
|
||||
<a href="javascript:;">{{ trans('visiosoft.module.advs::field.filter') }}</a>
|
||||
</div>
|
||||
<div class="col-4" id="sort_modal_btn">
|
||||
<i class="fas fa-sort-amount-down w-100"></i>
|
||||
<a href="javascript:;">{{ trans('visiosoft.module.advs::field.sort') }}</a>
|
||||
</div>
|
||||
{{ addBlock('ads-list/row-bottom',{'show_favorite_search':true})|raw }}
|
||||
</div>
|
||||
|
||||
{{ addBlock('ads-list/row',{'topfields':topfields,'selectRange':selectRange,'advs':advs, 'mainCats':mainCats|length})|raw }}
|
||||
<div class="row products-list">
|
||||
|
||||
<div id="listingWrapper" class="border rounded p-3">
|
||||
{% block listContent %}
|
||||
{% include "visiosoft.module.advs::list/partials/ads" %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
|
||||
{% include "visiosoft.module.advs::list/partials/pagination" %}
|
||||
|
||||
{{ addBlock('ads-list/row-bottom')|raw }}
|
||||
@ -93,18 +80,20 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% include "visiosoft.module.advs::list/partials/filter-modal" %}
|
||||
{% include "visiosoft.module.advs::list/partials/sort-modal" %}
|
||||
{{ addBlock('list/partials/modal')|raw }}
|
||||
|
||||
<script>
|
||||
var select_trans = "{{ trans('visiosoft.module.advs::field.pick_option') }}";
|
||||
</script>
|
||||
|
||||
{{ asset_add("scripts.js", "visiosoft.module.advs::js/list.js") }}
|
||||
{{ asset_add("scripts.js", "visiosoft.module.advs::js/list-new.js") }}
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block customjs %}
|
||||
{{ addBlock('ads-list/list', {'adv': adv})|raw }}
|
||||
{% endblock %}
|
||||
@ -0,0 +1,36 @@
|
||||
<div id="mobileListingPage" class="d-sm-none mb-5">
|
||||
|
||||
{% include "visiosoft.module.advs::list/partials/mobile-breadcrumb" %}
|
||||
|
||||
<div id="mobileListNav" class="d-flex p-2 align-items-center mb-1">
|
||||
<div id="filter_modal_btn" class="d-flex flex-column align-items-center mobile-list-nav-item">
|
||||
{{ img('visiosoft.module.advs::images/listing/mobile-filter.svg').data|raw }}
|
||||
<p class="mt-1">{{ trans('visiosoft.module.advs::field.filter') }}</p>
|
||||
</div>
|
||||
<div class="divider"></div>
|
||||
<div id="sort_modal_btn" class="d-flex flex-column align-items-center mobile-list-nav-item">
|
||||
{{ img('visiosoft.module.advs::images/listing/mobile-sort.svg').data|raw }}
|
||||
<p class="mt-1">{{ trans('visiosoft.module.advs::field.sort') }}</p>
|
||||
</div>
|
||||
<div class="divider"></div>
|
||||
|
||||
{{ addBlock('ads-list/mobile/action-bar')|raw }}
|
||||
|
||||
</div>
|
||||
|
||||
<div id="mobileListing">
|
||||
{% for adv in advs %}
|
||||
<a href="{{ adv.detail_url }}" class="listing-item d-flex p-2">
|
||||
<img src="{{ adv.cover_photo }}" alt="{{ adv.name }}" class="rounded-sm">
|
||||
<div class="ml-3 mt-1">
|
||||
<h6 class="mb-1">{{ adv.name }}</h6>
|
||||
<p class="mb-1">{{ adv.country_name }} / {{ adv.city_name }}</p>
|
||||
<p>{{ adv.price != '0' ? currency_format(adv.price,adv.currency) : trans('visiosoft.module.advs::field.free') }}</p>
|
||||
</div>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
{% include "visiosoft.module.advs::list/partials/pagination" %}
|
||||
|
||||
</div>
|
||||
@ -30,7 +30,7 @@
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
<div id="priceInputWrapper" class="d-flex justify-content-around mt-3">
|
||||
<div id="priceInputWrapper" class="d-flex justify-content-around mt-3 range-input-wrapper">
|
||||
<input type="number" class="border-0 shadow-sm rounded px-3 py-1" name="min_price" min="0"
|
||||
placeholder="{{ trans('visiosoft.module.advs::field.min.name') }}"
|
||||
value="{{ app.request.get('min_price') }}">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user