hotstovejer/openclassify
0
0
Fork 0
mirror of https://github.com/openclassify/openclassify.git synced 2026-02-09 14:56:13 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

#2126 Android ad post cat select bug

Browse Source
This commit is contained in:
Diatrex 2020-09-29 10:47:15 +03:00
parent 9ce04a7c52
commit cf16193174
3 changed files with 33 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
addons/default/visiosoft/advs-module/resources/css/post-category.css
View File

@ -19,7 +19,7 @@
height: 0; height: 0;
width: 100%; width: 100%;
border: none; border: none;
overflow-y: auto overflow-y: auto;
} }
.cat-select:focus { .cat-select:focus {
@ -31,7 +31,7 @@
width: 13rem; width: 13rem;
} }
.cat-select option { .cat-select li {
cursor: pointer; cursor: pointer;
border-radius: 2px; border-radius: 2px;
position: relative; position: relative;
@ -39,6 +39,11 @@
color: #505050; color: #505050;
} }
.cat-select li.selected {
background-color: #1E90FF;
color: #fff;
}
.cat-item-2 { .cat-item-2 {
display: none; display: none;
} }

27
addons/default/visiosoft/advs-module/resources/js/cats.js
View File

@ -46,7 +46,7 @@ $(document).ready(function () {
stop(); stop();
} else { } else {
response.forEach(function(options){ response.forEach(function(options){
$(catId).append("<option class='text-truncate pl-1 my-1' value="+options.id+">"+options.name+"</option>"); $(catId).append("<li class='text-truncate pl-1 my-1' data-value="+options.id+">"+options.name+"</li>");
}); });
$('.focus-select').removeClass('focus-select'); $('.focus-select').removeClass('focus-select');
// $(catId).animate({height: '14rem'}, 200); // $(catId).animate({height: '14rem'}, 200);
@ -78,18 +78,15 @@ $(document).ready(function () {
} }
}; };
for (var i = 1; i <= 10; i++) { $('.cat-select').on('click', 'li', function () {
(function(){ $(this).addClass('selected').siblings().removeClass('selected')
var ii = i; let divId = $(this).data('value');
$('#cat' + i).on('change', function (i, e) { let catSelectId = $(this).closest('.cat-select').attr('id')
let selectedOption = $(this).find('option:selected'); catSelectId = catSelectId.substring(3)
let divId = selectedOption.val();
if (divId == 0) { $(`input[name=cat${catSelectId}]`).val(divId);
filter.hideCats(ii + 1);
} filter.hideCats(Number(catSelectId) + 1);
filter.hideCats(ii + 1); filter.getCats("#cat" + (Number(catSelectId) + 1), divId);
filter.getCats("#cat" + (ii + 1), divId); });
});
})();
}
}); });

64
addons/default/visiosoft/advs-module/resources/views/new-ad/post-cat.twig
View File

@ -13,66 +13,30 @@
{{ trans('visiosoft.module.advs::field.select_category_step_by_step') }} {{ trans('visiosoft.module.advs::field.select_category_step_by_step') }}
</h5> </h5>
<form action="{{ url_route('visiosoft.module.advs::post_cat') }}" method="post"> <form action="{{ url_route('visiosoft.module.advs::post_cat') }}" method="post">
{% for i in 1..10 %}
<input type="hidden" name="cat{{ i }}">
{% endfor %}
<div class="d-flex category-tab pb-3"> <div class="d-flex category-tab pb-3">
<div class="pr-2 cat-item mb-2 focus-select"> <div class="pr-2 cat-item mb-2 focus-select">
<div class="section cat-option select-category post-option card px-1"> <div class="section cat-option select-category post-option card px-1">
<select class="cat-select mt-2 pr-1" name="cat1" id="cat1" style="height: 14rem" multiple> <ul class="cat-select mx-0 mb-0 mt-2 py-0 pl-0 pr-1" name="cat1" id="cat1" style="height: 14rem" multiple>
{% for cat in main_cats %} {% for cat in main_cats %}
<option class="text-truncate pl-1 my-1" value="{{ cat.id }}"> <li class="text-truncate pl-1 my-1" data-value="{{ cat.id }}">
{{ cat.name }} {{ cat.name }}
</option> </li>
{% endfor %} {% endfor %}
</select> </ul>
</div> </div>
</div> </div>
<div class="pr-2 cat-item mb-2 cat-item-2"> {% for i in 2..10 %}
<div class="section cat-option select-category post-option card px-1"> <div class="pr-2 cat-item mb-2 cat-item-2">
<select class="cat-select mt-2 pr-1" name="cat2" id="cat2" multiple></select> <div class="section cat-option select-category post-option card px-1">
<ul class="cat-select mx-0 mb-0 mt-2 py-0 pl-0 pr-1" name="cat{{ i }}" id="cat{{ i }}" multiple></ul>
</div>
</div> </div>
</div> {% endfor %}
<div class="pr-2 cat-item mb-2 cat-item-2">
<div class="section cat-option select-category post-option card px-1">
<select class="cat-select mt-2 pr-1" name="cat3" id="cat3" multiple></select>
</div>
</div>
<div class="pr-2 cat-item mb-2 cat-item-2">
<div class="section cat-option select-category post-option card px-1">
<select class="cat-select mt-2 pr-1" name="cat4" id="cat4" multiple></select>
</div>
</div>
<div class="pr-2 cat-item mb-2 cat-item-2">
<div class="section cat-option select-category post-option card px-1">
<select class="cat-select mt-2 pr-1" name="cat5" id="cat5" multiple></select>
</div>
</div>
<div class="pr-2 cat-item mb-2 cat-item-2">
<div class="section cat-option select-category post-option card px-1">
<select class="cat-select mt-2 pr-1" name="cat6" id="cat6" multiple>
</select>
</div>
</div>
<div class="pr-2 cat-item mb-2 cat-item-2">
<div class="section cat-option select-category post-option card px-1">
<select class="cat-select mt-2 pr-1" name="cat7" id="cat7" multiple></select>
</div>
</div>
<div class="pr-2 cat-item mb-2 cat-item-2">
<div class="section cat-option select-category post-option card px-1">
<select class="cat-select mt-2 pr-1" name="cat8" id="cat8" multiple></select>
</div>
</div>
<div class="pr-2 cat-item mb-2 cat-item-2">
<div class="section cat-option select-category post-option card px-1">
<select class="cat-select mt-2 pr-1" name="cat9" id="cat9" multiple></select>
</div>
</div>
<div class="pr-2 cat-item mb-2 cat-item-2">
<div class="section cat-option select-category post-option card px-1">
<select class="cat-select mt-2 pr-1" name="cat10" id="cat10" multiple></select>
</div>
</div>
<div class="cat-item mb-2 shadow-sm border rounded align-items-center"> <div class="cat-item mb-2 shadow-sm border rounded align-items-center">
<div class="cat-item-3"> <div class="cat-item-3">