|
|
@ -2,37 +2,28 @@ var elements = [];
|
|
|
|
|
|
|
|
|
|
|
|
$(document).ready(function() {
|
|
|
|
$(document).ready(function() {
|
|
|
|
loadTable();
|
|
|
|
loadTable();
|
|
|
|
|
|
|
|
bindEditModal();
|
|
|
|
|
|
|
|
|
|
|
|
$(document).on('click', '[data-action="edit"]', function() {
|
|
|
|
$('select[name="place"]').change(function() {
|
|
|
|
var element = elements[$(this).parent().parent().find('[data-property="id"]').text()];
|
|
|
|
var $subtextField = $('#subtext');
|
|
|
|
console.log(element);
|
|
|
|
if (parseInt($(this).val()) === 1) {
|
|
|
|
var $modal = $('#nav-element-modal');
|
|
|
|
$subtextField.show();
|
|
|
|
|
|
|
|
} else {
|
|
|
|
$modal.find('select[name="place"]').val(element.place).text();
|
|
|
|
$subtextField.hide();
|
|
|
|
var $textLanguages = $modal.find('[data-text-language]');
|
|
|
|
}
|
|
|
|
$.each($textLanguages, function() {
|
|
|
|
|
|
|
|
var language = $(this).data('text-language');
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$(this).val(element.text[language]);
|
|
|
|
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
var $subtextLanguages = $modal.find('[data-subtext-language]');
|
|
|
|
$('select[name="image-type"]').change(function() {
|
|
|
|
$.each($subtextLanguages, function() {
|
|
|
|
var $imageUrl = $('#image-url-group');
|
|
|
|
var language = $(this).data('subtext-language');
|
|
|
|
var $fontIcon = $('#font-icon-group');
|
|
|
|
|
|
|
|
|
|
|
|
$(this).val(element.subtext[language]);
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (element.imageUrl !== null) {
|
|
|
|
if ($(this).val() === 'image-url') {
|
|
|
|
$modal.find('select[name="image-type"]').val('image-url');
|
|
|
|
$imageUrl.show();
|
|
|
|
$modal.find('input[name="image-url"]').val(element.imageUrl);
|
|
|
|
$fontIcon.hide();
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
$modal.find('select[name="image-type"]').val('font-icon');
|
|
|
|
$imageUrl.hide();
|
|
|
|
$('[data-toggle="iconpicker"]').iconpicker('setIcon', element.fontIcon);
|
|
|
|
$fontIcon.show();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$modal.modal('show');
|
|
|
|
|
|
|
|
})
|
|
|
|
})
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
@ -96,8 +87,45 @@ function escape(str) {
|
|
|
|
return div.innerHTML;
|
|
|
|
return div.innerHTML;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function displayModal(element) {
|
|
|
|
function bindEditModal() {
|
|
|
|
var creatingElement = element === undefined;
|
|
|
|
$(document).on('click', '[data-action="edit"]', function() {
|
|
|
|
|
|
|
|
var element = elements[$(this).parent().parent().find('[data-property="id"]').text()];
|
|
|
|
|
|
|
|
var $modal = $('#nav-element-modal');
|
|
|
|
|
|
|
|
|
|
|
|
var $form = $('#nav-element-modal').find('form');
|
|
|
|
$modal.find('select[name="place"]').val(element.place).text();
|
|
|
|
|
|
|
|
var $textLanguages = $modal.find('[data-text-language]');
|
|
|
|
|
|
|
|
$.each($textLanguages, function() {
|
|
|
|
|
|
|
|
var language = $(this).data('text-language');
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$(this).val(element.text[language]);
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var $subtextLanguages = $modal.find('[data-subtext-language]');
|
|
|
|
|
|
|
|
$.each($subtextLanguages, function() {
|
|
|
|
|
|
|
|
var language = $(this).data('subtext-language');
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$(this).val(element.subtext[language]);
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (this.place === 1) {
|
|
|
|
|
|
|
|
$('#subtext').show();
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
$('#subtext').hide();
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (element.imageUrl !== null) {
|
|
|
|
|
|
|
|
$modal.find('select[name="image-type"]').val('image-url');
|
|
|
|
|
|
|
|
$modal.find('input[name="image-url"]').val(element.imageUrl);
|
|
|
|
|
|
|
|
$modal.find('#font-icon-group').hide();
|
|
|
|
|
|
|
|
$modal.find('#image-url-group').show();
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
$modal.find('select[name="image-type"]').val('font-icon');
|
|
|
|
|
|
|
|
$('[data-toggle="iconpicker"]').iconpicker('setIcon', element.fontIcon);
|
|
|
|
|
|
|
|
$modal.find('#font-icon-group').show();
|
|
|
|
|
|
|
|
$modal.find('#image-url-group').hide();
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$modal.modal('show');
|
|
|
|
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|