option.js
4.12 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
function readURL(input) {
$(input).parents('.tab-pane').find('.image_inputs_prev').remove();
var urls = [];
if (input.files) {
$.each(input.files, function(key, value) {
var reader = new FileReader();
reader.onload = function(e) {
$(input).parent().append('<img src="'+ e.target.result +'" width="100" class="image_inputs_prev" />');
}
reader.readAsDataURL(value);
});
}
return urls;
}
$(function() {
var counter = 0;
$(document).on('click', '.add_row', function() {
counter++;
var clone = $('#main_row').clone().html().replace(new RegExp("Option\\[0\\]", 'g'), "Option["+counter+"]");
console.log(form);
$(clone).appendTo('#'+form);
$('#'+form+' button[type=submit]').parent().appendTo('#'+form);
});
$(document).on('click', '.add_lang', function() {
var field_block = $(this).parent().parent();
if($(this).hasClass('active')) {
$(field_block).find('.main_input').attr('required', '').show();
$(field_block).find('.lang_inputs').hide();
$(this).removeClass('active');
} else {
$(field_block).find('.main_input').removeAttr('required').hide();
$(field_block).find('.lang_inputs').show();
$(this).addClass('active');
}
});
$(document).on('click', '.remove_lang', function() {
$(this).parents('.form-wrapper').remove();
});
if($('#lang-tabs li').length > 1) {
$('#lang-tabs li').append('<span class="glyphicon glyphicon-remove-circle remove-lang"></span>')
}
$(document).on('click', '#lang-dropdown li a[data-lang]', function() {
var lang = $(this).data('lang');
var flag = $(this).find('span').first().clone();
var el = $(this);
$.get('/blog/ajax/category-form', { lang_id: lang }, function(data) {
$('#lang-tabs li').removeClass('active');
$('#lang-tabs').append('<li role="lang_inputs" class="active" data-lang="'+lang+'"><a href="#lang-'+lang+'" aria-controls="lang-'+lang+'" role="tab" data-toggle="tab">'+$('<p>').append($(flag)).html()+'</a></li>');
$('.lang-tab-content .tab-pane.active').removeClass('active');
$('.lang-tab-content').append($(data).find('.ajax-loaded').first());
$('body').append($(data).filter('script'));
$(el).parent().remove();
if(!$('#lang-dropdown li').length) {
$('#dropdownLang').addClass('disabled');
}
if($('#lang-tabs li').length > 1) {
$('#lang-tabs li').append('<span class="glyphicon glyphicon-remove-circle remove-lang"></span>')
}
});
});
$(document).on('click', '.remove-lang', function() {
var lang = $(this).parent().data('lang');
var flag = $(this).parent().find('span.flag').first().clone();
$('#lang-'+lang).remove();
$('#lang-dropdown').append('<li><a href="#lang-tabs" data-lang="'+lang+'">'+$('<p>').append($(flag)).html()+'</a></li>');
$('#dropdownLang').removeClass('disabled');
$(this).parent().remove();
if($('#lang-tabs li').length <= 1) {
$('#lang-tabs li').find('.remove-lang').remove();
}
if(!$('#lang-tabs>li.active').length) {
$('#lang-tabs>li').first().find('a').tab('show');
}
});
$(document).on('change', '.image_inputs_field', function() {
readURL(this);
});
$('a.remove_image').on('click', function(e) {
var el = $(this);
e.preventDefault();
if(confirm(confirm_message)) {
$.ajax({
type: 'post',
url: $(this).attr('href'),
data: $(this).data('params')
}).done(function() {
$(el).parents('.additional_image_container').remove();
});
}
return false;
});
$(document).on('change', '.checkboxer .checkboxer_label input[type=radio]', function() {
console.log($(this).val());
$(this).parents('.checkboxer').find('.checkboxer_container').removeClass('active');
$(this).parents('.checkboxer_container').addClass('active');
});
});