mirror of
https://github.com/openclassify/openclassify.git
synced 2026-01-11 18:01:10 -06:00
selected categories for ad edit categories page
This commit is contained in:
vedatakd
parent
0f0702c6c7
commit
379d620d37
@ -1,52 +1,74 @@
|
||||
$(document).ready(function () {
|
||||
$('select[name="cat1"], select[name="cat2"], select[name="cat3"], ' +
|
||||
'select[name="cat4"], select[name="cat5"], select[name="cat6"], select[name="cat7"]').on('change', function () {
|
||||
var all = $(this).val();
|
||||
$(this).val(all[all.length-1])
|
||||
})
|
||||
|
||||
const filter = {};
|
||||
filter.getCats = (catId, divId) => {
|
||||
function getCats(catId, divId, current = null) {
|
||||
if (divId != "") {
|
||||
$.ajax({
|
||||
type: 'get',
|
||||
url: '/ajax/getcats/'+ divId,
|
||||
url: '/ajax/getcats/' + divId,
|
||||
success: function (response) {
|
||||
if(response.length <= 0){
|
||||
if (response.length <= 0) {
|
||||
$('.cat-item-3').show();
|
||||
stop();
|
||||
}
|
||||
else {
|
||||
response.forEach(function(options){
|
||||
$(catId).append("<option value="+options.id+">"+options.name+"</option>").closest('.cat-item-2').show();
|
||||
} else {
|
||||
response.forEach(function (options) {
|
||||
$(catId).append("<option value=" + options.id + ">" +
|
||||
options.name + " </option>").closest('.cat-item-2').show();
|
||||
});
|
||||
}
|
||||
}
|
||||
}).promise().done(function () {
|
||||
if (current != null)
|
||||
$(current).val([divId]);
|
||||
})
|
||||
};
|
||||
|
||||
filter.hideCats = (num) => {
|
||||
var startNo = num;
|
||||
var endNo = 6;
|
||||
|
||||
while (startNo <= endNo) {
|
||||
$('#cat'+ startNo).html("").closest('.cat-item-2').hide();
|
||||
$('.cat-item-3').hide();
|
||||
startNo++;
|
||||
}
|
||||
};
|
||||
|
||||
for (var i = 1; i <= 6; i++) {
|
||||
(function(){
|
||||
var ii = i;
|
||||
$('#cat'+i).on('change', function (i,e) {
|
||||
divId = $(this).find('option:selected').val();
|
||||
if (divId == 0) {
|
||||
filter.hideCats(ii+1);
|
||||
}
|
||||
filter.hideCats(ii+1);
|
||||
filter.getCats("#cat"+(ii+1), divId);
|
||||
});
|
||||
})();
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
function hideCats(num) {
|
||||
var startNo = num;
|
||||
var endNo = 6;
|
||||
|
||||
while (startNo <= endNo) {
|
||||
$('#cat' + startNo).html("").closest('.cat-item-2').hide();
|
||||
$('.cat-item-3').hide();
|
||||
startNo++;
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
jQuery(document).ready(function ($) {
|
||||
$('select[name="cat1"], select[name="cat2"], select[name="cat3"], ' +
|
||||
'select[name="cat4"], select[name="cat5"], select[name="cat6"], select[name="cat7"]').on('change', function () {
|
||||
var all = $(this).val();
|
||||
var data_level = $(this).attr('data-level');
|
||||
$(this).val(all[all.length - 1])
|
||||
divId = $(this).find('option:selected').val();
|
||||
if (divId == 0) {
|
||||
hideCats(parseInt(data_level) + 1);
|
||||
}
|
||||
hideCats(parseInt(data_level) + 1);
|
||||
getCats("#cat" + (parseInt(data_level) + 1), divId);
|
||||
|
||||
|
||||
});
|
||||
});
|
||||
jQuery(document).promise().done(function () {
|
||||
level = 1;
|
||||
getCats("#cat" + (level + 1), $("#cat" + level).attr('data-value'), "#cat" + level);
|
||||
}).promise().done(function () {
|
||||
level = 2;
|
||||
getCats("#cat" + (level + 1), $("#cat" + level).attr('data-value'), "#cat" + level);
|
||||
}).promise().done(function () {
|
||||
level = 3;
|
||||
getCats("#cat" + (level + 1), $("#cat" + level).attr('data-value'), "#cat" + level);
|
||||
}).promise().done(function () {
|
||||
level = 4;
|
||||
getCats("#cat" + (level + 1), $("#cat" + level).attr('data-value'), "#cat" + level);
|
||||
}).promise().done(function () {
|
||||
level = 5;
|
||||
getCats("#cat" + (level + 1), $("#cat" + level).attr('data-value'), "#cat" + level);
|
||||
}).promise().done(function () {
|
||||
level = 6;
|
||||
getCats("#cat" + (level + 1), $("#cat" + level).attr('data-value'), "#cat" + level);
|
||||
}).promise().done(function () {
|
||||
level = 7;
|
||||
getCats("#cat" + (level + 1), $("#cat" + level).attr('data-value'), "#cat" + level);
|
||||
});
|
||||
@ -1,20 +1,6 @@
|
||||
$(document).ready(function () {
|
||||
const is = {};
|
||||
|
||||
is.Active = (slug) => {
|
||||
$.ajax({
|
||||
type: 'get',
|
||||
url: '/isactive/' + slug,
|
||||
success: function (response) {
|
||||
if (response.isActive === 1) {
|
||||
$(".profile-dropdown-list #" + slug + "").show();
|
||||
}
|
||||
},
|
||||
error: function (err) {
|
||||
reject(Error("It broke"));
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
$.ajax({
|
||||
type: 'get',
|
||||
@ -35,7 +21,7 @@ $(document).ready(function () {
|
||||
}
|
||||
}
|
||||
// add extra parameters here by using is.Active method. div name must be same as slug
|
||||
is.Active('messages');
|
||||
// is.Active('messages');
|
||||
} else {
|
||||
$('.login-user-dropdown-menu').hide();
|
||||
$('.profile-navigation-mobile-field , .profile-navigation-field').on('click', function () {
|
||||
@ -44,9 +30,6 @@ $(document).ready(function () {
|
||||
$('.login-username-field').hide();
|
||||
$('.login-button-field').attr("style", "display: block !important");
|
||||
}
|
||||
},
|
||||
error: function (err) {
|
||||
reject(Error("It broke"));
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
@ -1,12 +1,13 @@
|
||||
{% extends layout('edit-cat') %}
|
||||
|
||||
{% block content %}
|
||||
{% set ad_Detail = adDetail(id) %}
|
||||
<section id="main" class="clearfix ad-post-page">
|
||||
<div class="container">
|
||||
<div class="breadcrumb-section">
|
||||
<ol class="breadcrumb">
|
||||
<li><a href="/">{{ trans('visiosoft.module.advs::field.home') }}</a></li>
|
||||
<li>{{ adDetail(id).name }}</li>
|
||||
<li>{{ ad_Detail.name }}</li>
|
||||
<li>{{ trans('visiosoft.module.advs::field.edit_category') }}</li>
|
||||
</ol>
|
||||
<h2 class="title">{{ trans('visiosoft.module.advs::field.home') }}</h2>
|
||||
@ -20,7 +21,7 @@
|
||||
<div class="section cat-option select-category post-option">
|
||||
<h4>{{ trans('visiosoft.module.advs::field.select_a_category') }}</h4>
|
||||
<ul role="tablist">
|
||||
<select class="cat-select" name="cat1" id="cat1" multiple id="">
|
||||
<select class="cat-select" name="cat1" id="cat1" data-level="1" data-value="{{ ad_Detail.cat1 }}" multiple id="">
|
||||
{% for cat in main_cats %}
|
||||
<option value="{{ cat.id }}"><span
|
||||
style="font-size: 20px">{{ cat.name }}</span></option>
|
||||
@ -33,7 +34,7 @@
|
||||
<div class="section cat-option select-category post-option">
|
||||
<h4>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h4>
|
||||
<ul role="tablist">
|
||||
<select class="cat-select" name="cat2" id="cat2" multiple id="">
|
||||
<select class="cat-select" name="cat2" id="cat2" data-level="3" data-value="{{ ad_Detail.cat2 }}" multiple id="">
|
||||
|
||||
</select>
|
||||
</ul>
|
||||
@ -43,7 +44,7 @@
|
||||
<div class="section cat-option select-category post-option">
|
||||
<h4>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h4>
|
||||
<ul role="tablist">
|
||||
<select class="cat-select" name="cat3" id="cat3" multiple id="">
|
||||
<select class="cat-select" name="cat3" id="cat3" data-level="3" data-value="{{ ad_Detail.cat3 }}" multiple id="">
|
||||
|
||||
</select>
|
||||
</ul>
|
||||
@ -53,7 +54,7 @@
|
||||
<div class="section cat-option select-category post-option">
|
||||
<h4>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h4>
|
||||
<ul role="tablist">
|
||||
<select class="cat-select" name="cat4" id="cat4" multiple id="">
|
||||
<select class="cat-select" name="cat4" id="cat4" data-level="4" data-value="{{ ad_Detail.cat4 }}" multiple id="">
|
||||
|
||||
</select>
|
||||
</ul>
|
||||
@ -63,7 +64,7 @@
|
||||
<div class="section cat-option select-category post-option">
|
||||
<h4>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h4>
|
||||
<ul role="tablist">
|
||||
<select class="cat-select" name="cat5" id="cat5" multiple id="">
|
||||
<select class="cat-select" name="cat5" id="cat5" data-level="5" data-value="{{ ad_Detail.cat5 }}" multiple id="">
|
||||
|
||||
</select>
|
||||
</ul>
|
||||
@ -73,7 +74,7 @@
|
||||
<div class="section cat-option select-category post-option">
|
||||
<h4>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h4>
|
||||
<ul role="tablist">
|
||||
<select class="cat-select" name="cat6" id="cat6" multiple id="">
|
||||
<select class="cat-select" name="cat6" id="cat6" data-level="6" data-value="{{ ad_Detail.cat6 }}" multiple id="">
|
||||
|
||||
</select>
|
||||
</ul>
|
||||
@ -83,7 +84,7 @@
|
||||
<div class="section cat-option select-category post-option">
|
||||
<h4>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h4>
|
||||
<ul role="tablist">
|
||||
<select class="cat-select" name="cat7" id="cat7" multiple id="">
|
||||
<select class="cat-select" name="cat7" id="cat7" data-level="7" data-value="{{ ad_Detail.cat7 }}" multiple id="">
|
||||
|
||||
</select>
|
||||
</ul>
|
||||
@ -108,7 +109,6 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ asset_add("scripts.js", "visiosoft.theme.base::js/edit_cats.js") }}
|
||||
{{ asset_style("visiosoft.theme.base::css/edit_category.css") }}
|
||||
{% endblock %}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user