mirror of
https://github.com/WenPai-org/wptag.git
synced 2025-08-03 12:23:41 +08:00
Refactor plugin structure and remove legacy admin code
Removed old admin controllers, interfaces, AJAX handlers, and partials. Introduced new classes in the includes directory for admin, config, frontend, loader, output manager, and validator. Updated asset files and main plugin entry point to use the new structure. Cleaned up obsolete files and improved overall maintainability.
This commit is contained in:
feibisi
parent
840a779a84
commit
6d56c60b26
28 changed files with 3276 additions and 4899 deletions
684
assets/admin.js
684
assets/admin.js
|
|
@ -1,322 +1,490 @@
|
|||
(function($) {
|
||||
'use strict';
|
||||
jQuery(document).ready(function($) {
|
||||
WPTagAdmin.init();
|
||||
});
|
||||
|
||||
const WPTagAdmin = {
|
||||
init: function() {
|
||||
this.bindEvents();
|
||||
this.initCodeEditor();
|
||||
this.initConditionsBuilder();
|
||||
},
|
||||
|
||||
bindEvents: function() {
|
||||
$(document).on('click', '.wptag-toggle-status', this.toggleStatus);
|
||||
$(document).on('click', '.wptag-delete-snippet', this.deleteSnippet);
|
||||
$(document).on('change', '.wptag-filter', this.filterSnippets);
|
||||
$(document).on('click', '.wptag-template-use', this.useTemplate);
|
||||
$(document).on('submit', '.wptag-snippet-form', this.validateForm);
|
||||
$(document).on('click', '.wptag-add-condition', this.addCondition);
|
||||
$(document).on('click', '.wptag-remove-condition', this.removeCondition);
|
||||
$(document).on('change', '#code_type', this.updateCodeEditor);
|
||||
},
|
||||
|
||||
toggleStatus: function(e) {
|
||||
e.preventDefault();
|
||||
var WPTagAdmin = {
|
||||
|
||||
init: function() {
|
||||
var $ = jQuery;
|
||||
this.handleServiceToggle();
|
||||
this.handleCodeTypeToggle();
|
||||
this.handleValidation();
|
||||
this.handlePreview();
|
||||
this.handleExportImport();
|
||||
this.handleModal();
|
||||
this.handleFormSubmission();
|
||||
this.handleServicesManagement();
|
||||
this.handleReset();
|
||||
this.handleTabSwitching();
|
||||
this.handleAdvancedToggle();
|
||||
this.handleCodeEditor();
|
||||
},
|
||||
|
||||
handleServiceToggle: function() {
|
||||
var $ = jQuery;
|
||||
$('.wptag-service-card input[name*="[enabled]"]').on('change', function() {
|
||||
var $card = $(this).closest('.wptag-service-card');
|
||||
var isEnabled = $(this).is(':checked');
|
||||
|
||||
const $link = $(this);
|
||||
const snippetId = $link.data('snippet-id');
|
||||
if (isEnabled) {
|
||||
$card.removeClass('disabled');
|
||||
$card.find('.wptag-service-content input, .wptag-service-content select, .wptag-service-content textarea, .wptag-service-content button').prop('disabled', false);
|
||||
} else {
|
||||
$card.addClass('disabled');
|
||||
$card.find('.wptag-service-content input, .wptag-service-content select, .wptag-service-content textarea, .wptag-service-content button').prop('disabled', true);
|
||||
}
|
||||
});
|
||||
|
||||
$('.wptag-service-card input[name*="[enabled]"]').trigger('change');
|
||||
},
|
||||
|
||||
handleCodeTypeToggle: function() {
|
||||
var $ = jQuery;
|
||||
$('input[name*="[use_template]"]').on('change', function() {
|
||||
var $card = $(this).closest('.wptag-service-card');
|
||||
var useTemplate = $(this).val() === '1' && $(this).is(':checked');
|
||||
|
||||
if (useTemplate) {
|
||||
$card.find('.wptag-template-fields').show();
|
||||
$card.find('.wptag-custom-fields').hide();
|
||||
} else {
|
||||
$card.find('.wptag-template-fields').hide();
|
||||
$card.find('.wptag-custom-fields').show();
|
||||
}
|
||||
});
|
||||
|
||||
$('input[name*="[use_template]"]:checked').trigger('change');
|
||||
},
|
||||
|
||||
handleValidation: function() {
|
||||
var $ = jQuery;
|
||||
$('.wptag-validate-btn').on('click', function() {
|
||||
var $btn = $(this);
|
||||
var $card = $btn.closest('.wptag-service-card');
|
||||
var service = $card.data('service');
|
||||
var $result = $card.find('.wptag-validation-result');
|
||||
|
||||
var useTemplate = $card.find('input[name*="[use_template]"]:checked').val() === '1';
|
||||
var idValue = $card.find('input[type="text"]').first().val();
|
||||
var customCode = $card.find('textarea').val();
|
||||
|
||||
$btn.prop('disabled', true).text(wptagAdmin.strings.validating);
|
||||
$result.removeClass('valid invalid').addClass('loading').text(wptagAdmin.strings.validating);
|
||||
|
||||
$.ajax({
|
||||
url: wptagAdmin.ajaxUrl,
|
||||
url: wptagAdmin.ajax_url,
|
||||
type: 'POST',
|
||||
data: {
|
||||
action: 'wptag_toggle_snippet',
|
||||
snippet_id: snippetId,
|
||||
nonce: wptagAdmin.nonce
|
||||
action: 'wptag_validate_code',
|
||||
nonce: wptagAdmin.nonce,
|
||||
service: service,
|
||||
use_template: useTemplate ? '1' : '0',
|
||||
id_value: idValue,
|
||||
custom_code: customCode
|
||||
},
|
||||
success: function(response) {
|
||||
if (response.success) {
|
||||
location.reload();
|
||||
$result.removeClass('loading invalid').addClass('valid')
|
||||
.text('✓ ' + response.data.message);
|
||||
} else {
|
||||
alert(response.data.message || wptagAdmin.strings.error);
|
||||
$result.removeClass('loading valid').addClass('invalid')
|
||||
.text('✗ ' + response.data.message);
|
||||
}
|
||||
},
|
||||
error: function() {
|
||||
alert(wptagAdmin.strings.error);
|
||||
$result.removeClass('loading valid').addClass('invalid')
|
||||
.text('✗ Validation failed');
|
||||
},
|
||||
complete: function() {
|
||||
$btn.prop('disabled', false).text('Validate');
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
deleteSnippet: function(e) {
|
||||
e.preventDefault();
|
||||
});
|
||||
|
||||
$('input[type="text"], textarea').on('input', function() {
|
||||
$(this).closest('.wptag-service-card').find('.wptag-validation-result').text('');
|
||||
});
|
||||
},
|
||||
|
||||
handlePreview: function() {
|
||||
var $ = jQuery;
|
||||
$('.wptag-preview-btn').on('click', function() {
|
||||
var $btn = $(this);
|
||||
var $card = $btn.closest('.wptag-service-card');
|
||||
var service = $card.data('service');
|
||||
var idValue = $card.find('input[type="text"]').first().val();
|
||||
|
||||
if (!confirm(wptagAdmin.strings.confirmDelete)) {
|
||||
if (!idValue.trim()) {
|
||||
alert('Please enter an ID value to preview');
|
||||
return;
|
||||
}
|
||||
|
||||
const $link = $(this);
|
||||
const snippetId = $link.data('snippet-id');
|
||||
$btn.prop('disabled', true).text(wptagAdmin.strings.loading);
|
||||
|
||||
$.ajax({
|
||||
url: wptagAdmin.ajaxUrl,
|
||||
url: wptagAdmin.ajax_url,
|
||||
type: 'POST',
|
||||
data: {
|
||||
action: 'wptag_delete_snippet',
|
||||
snippet_id: snippetId,
|
||||
nonce: wptagAdmin.nonce
|
||||
action: 'wptag_preview_code',
|
||||
nonce: wptagAdmin.nonce,
|
||||
service: service,
|
||||
id_value: idValue
|
||||
},
|
||||
success: function(response) {
|
||||
if (response.success) {
|
||||
$link.closest('tr').fadeOut(400, function() {
|
||||
$(this).remove();
|
||||
});
|
||||
$('#wptag-preview-code').text(response.data.preview);
|
||||
$('#wptag-preview-modal').show();
|
||||
} else {
|
||||
alert(response.data.message || wptagAdmin.strings.error);
|
||||
alert('Error: ' + response.data.message);
|
||||
}
|
||||
},
|
||||
error: function() {
|
||||
alert(wptagAdmin.strings.error);
|
||||
alert('Failed to generate preview');
|
||||
},
|
||||
complete: function() {
|
||||
$btn.prop('disabled', false).text(wptagAdmin.strings.preview);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
filterSnippets: function() {
|
||||
const filters = {
|
||||
search: $('#filter-search').val(),
|
||||
category: $('#filter-category').val(),
|
||||
position: $('#filter-position').val(),
|
||||
status: $('#filter-status').val()
|
||||
};
|
||||
});
|
||||
},
|
||||
|
||||
handleExportImport: function() {
|
||||
var $ = jQuery;
|
||||
$('#wptag-export-btn').on('click', function() {
|
||||
var $btn = $(this);
|
||||
var originalText = $btn.text();
|
||||
$btn.prop('disabled', true).text(wptagAdmin.strings.loading);
|
||||
|
||||
const params = new URLSearchParams(filters);
|
||||
params.delete('page');
|
||||
|
||||
Object.keys(filters).forEach(key => {
|
||||
if (!filters[key]) {
|
||||
params.delete(key);
|
||||
$.ajax({
|
||||
url: wptagAdmin.ajax_url,
|
||||
type: 'POST',
|
||||
data: {
|
||||
action: 'wptag_export_settings',
|
||||
nonce: wptagAdmin.nonce
|
||||
},
|
||||
success: function(response) {
|
||||
if (response.success) {
|
||||
WPTagAdmin.downloadFile(response.data.data, response.data.filename);
|
||||
WPTagAdmin.showNotice('success', wptagAdmin.strings.export_success);
|
||||
} else {
|
||||
alert('Export failed: ' + response.data.message);
|
||||
}
|
||||
},
|
||||
error: function() {
|
||||
alert('Export failed');
|
||||
},
|
||||
complete: function() {
|
||||
$btn.prop('disabled', false).text(originalText);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('#wptag-import-btn').on('click', function() {
|
||||
$('#wptag-import-file').click();
|
||||
});
|
||||
|
||||
$('#wptag-import-file').on('change', function() {
|
||||
var file = this.files[0];
|
||||
if (!file) return;
|
||||
|
||||
window.location.href = window.location.pathname + '?page=wptag-snippets&' + params.toString();
|
||||
},
|
||||
|
||||
initCodeEditor: function() {
|
||||
const $codeTextarea = $('#snippet-code');
|
||||
|
||||
if ($codeTextarea.length && typeof wp !== 'undefined' && wp.codeEditor) {
|
||||
const editorSettings = wp.codeEditor.defaultSettings || {};
|
||||
const codeType = $('#code_type').val();
|
||||
|
||||
editorSettings.codemirror = {
|
||||
...editorSettings.codemirror,
|
||||
mode: this.getCodeMirrorMode(codeType),
|
||||
lineNumbers: true,
|
||||
lineWrapping: true,
|
||||
indentUnit: 2,
|
||||
tabSize: 2
|
||||
};
|
||||
|
||||
this.codeEditor = wp.codeEditor.initialize($codeTextarea, editorSettings);
|
||||
}
|
||||
},
|
||||
|
||||
getCodeMirrorMode: function(codeType) {
|
||||
const modes = {
|
||||
'html': 'htmlmixed',
|
||||
'javascript': 'javascript',
|
||||
'css': 'css'
|
||||
};
|
||||
|
||||
return modes[codeType] || 'htmlmixed';
|
||||
},
|
||||
|
||||
updateCodeEditor: function() {
|
||||
const codeType = $(this).val();
|
||||
|
||||
if (WPTagAdmin.codeEditor && WPTagAdmin.codeEditor.codemirror) {
|
||||
WPTagAdmin.codeEditor.codemirror.setOption('mode', WPTagAdmin.getCodeMirrorMode(codeType));
|
||||
}
|
||||
},
|
||||
|
||||
initConditionsBuilder: function() {
|
||||
const $builder = $('.wptag-conditions-builder');
|
||||
|
||||
if (!$builder.length) {
|
||||
if (!confirm(wptagAdmin.strings.confirm_import)) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.loadConditionTypes();
|
||||
},
|
||||
|
||||
loadConditionTypes: function() {
|
||||
$.ajax({
|
||||
url: wptagAdmin.ajaxUrl,
|
||||
type: 'POST',
|
||||
data: {
|
||||
action: 'wptag_get_condition_types',
|
||||
nonce: wptagAdmin.nonce
|
||||
},
|
||||
success: function(response) {
|
||||
if (response.success) {
|
||||
WPTagAdmin.conditionTypes = response.data.types;
|
||||
var reader = new FileReader();
|
||||
reader.onload = function(e) {
|
||||
var importData = e.target.result;
|
||||
|
||||
$.ajax({
|
||||
url: wptagAdmin.ajax_url,
|
||||
type: 'POST',
|
||||
data: {
|
||||
action: 'wptag_import_settings',
|
||||
nonce: wptagAdmin.nonce,
|
||||
import_data: importData
|
||||
},
|
||||
success: function(response) {
|
||||
if (response.success) {
|
||||
WPTagAdmin.showNotice('success', wptagAdmin.strings.import_success);
|
||||
setTimeout(function() {
|
||||
location.reload();
|
||||
}, 1000);
|
||||
} else {
|
||||
alert('Import failed: ' + response.data.message);
|
||||
}
|
||||
},
|
||||
error: function() {
|
||||
alert('Import failed');
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
addCondition: function(e) {
|
||||
e.preventDefault();
|
||||
});
|
||||
};
|
||||
reader.readAsText(file);
|
||||
|
||||
const $group = $(this).closest('.wptag-condition-group');
|
||||
const $newRow = WPTagAdmin.createConditionRow();
|
||||
this.value = '';
|
||||
});
|
||||
},
|
||||
|
||||
handleReset: function() {
|
||||
var $ = jQuery;
|
||||
$('#wptag-reset-btn').on('click', function() {
|
||||
if (!confirm(wptagAdmin.strings.confirm_reset)) {
|
||||
return;
|
||||
}
|
||||
|
||||
$group.find('.wptag-conditions-list').append($newRow);
|
||||
},
|
||||
|
||||
removeCondition: function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
$(this).closest('.wptag-condition-row').fadeOut(300, function() {
|
||||
$(this).remove();
|
||||
});
|
||||
},
|
||||
|
||||
createConditionRow: function() {
|
||||
const html = `
|
||||
<div class="wptag-condition-row">
|
||||
<select name="conditions[rules][][type]" class="condition-type">
|
||||
<option value="">Select Type</option>
|
||||
<option value="page_type">Page Type</option>
|
||||
<option value="user_status">User Status</option>
|
||||
<option value="device_type">Device Type</option>
|
||||
</select>
|
||||
<select name="conditions[rules][][operator]" class="condition-operator">
|
||||
<option value="equals">Equals</option>
|
||||
<option value="not_equals">Not Equals</option>
|
||||
</select>
|
||||
<input type="text" name="conditions[rules][][value]" class="condition-value" placeholder="Value">
|
||||
<button type="button" class="button wptag-remove-condition">Remove</button>
|
||||
</div>
|
||||
`;
|
||||
|
||||
return $(html);
|
||||
},
|
||||
|
||||
useTemplate: function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
const $button = $(this);
|
||||
const serviceType = $button.data('service-type');
|
||||
var $btn = $(this);
|
||||
var originalText = $btn.text();
|
||||
$btn.prop('disabled', true).text(wptagAdmin.strings.loading);
|
||||
|
||||
$.ajax({
|
||||
url: wptagAdmin.ajaxUrl,
|
||||
url: wptagAdmin.ajax_url,
|
||||
type: 'POST',
|
||||
data: {
|
||||
action: 'wptag_get_template',
|
||||
service_type: serviceType,
|
||||
action: 'wptag_reset_settings',
|
||||
nonce: wptagAdmin.nonce
|
||||
},
|
||||
success: function(response) {
|
||||
if (response.success) {
|
||||
WPTagAdmin.showTemplateModal(response.data.template);
|
||||
WPTagAdmin.showNotice('success', wptagAdmin.strings.reset_success);
|
||||
setTimeout(function() {
|
||||
location.reload();
|
||||
}, 1000);
|
||||
} else {
|
||||
alert(response.data.message || wptagAdmin.strings.error);
|
||||
alert('Reset failed: ' + response.data.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
showTemplateModal: function(template) {
|
||||
const fields = template.config_fields.map(field => {
|
||||
return `
|
||||
<div class="wptag-form-field">
|
||||
<label for="${field.name}">${field.label}</label>
|
||||
<input type="${field.type || 'text'}"
|
||||
id="${field.name}"
|
||||
name="${field.name}"
|
||||
${field.required ? 'required' : ''}>
|
||||
</div>
|
||||
`;
|
||||
}).join('');
|
||||
|
||||
const modalHtml = `
|
||||
<div class="wptag-modal" id="template-config-modal">
|
||||
<div class="wptag-modal-content">
|
||||
<div class="wptag-modal-header">
|
||||
<h2>${template.service_name} Configuration</h2>
|
||||
</div>
|
||||
<form id="template-config-form">
|
||||
<div class="wptag-modal-body">
|
||||
${fields}
|
||||
</div>
|
||||
<div class="wptag-modal-footer">
|
||||
<button type="button" class="button" onclick="WPTagAdmin.closeModal()">Cancel</button>
|
||||
<button type="submit" class="button button-primary">Create Snippet</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
$('body').append(modalHtml);
|
||||
$('#template-config-modal').fadeIn();
|
||||
|
||||
$('#template-config-form').on('submit', function(e) {
|
||||
e.preventDefault();
|
||||
WPTagAdmin.processTemplate(template.service_type, $(this).serialize());
|
||||
});
|
||||
},
|
||||
|
||||
processTemplate: function(serviceType, formData) {
|
||||
$.ajax({
|
||||
url: wptagAdmin.ajaxUrl,
|
||||
type: 'POST',
|
||||
data: {
|
||||
action: 'wptag_process_template',
|
||||
service_type: serviceType,
|
||||
config: formData,
|
||||
nonce: wptagAdmin.nonce
|
||||
},
|
||||
success: function(response) {
|
||||
if (response.success) {
|
||||
window.location.href = `admin.php?page=wptag-snippets&action=edit&snippet_id=${response.data.snippet_id}`;
|
||||
} else {
|
||||
alert(response.data.message || wptagAdmin.strings.error);
|
||||
error: function() {
|
||||
alert('Reset failed');
|
||||
},
|
||||
complete: function() {
|
||||
$btn.prop('disabled', false).text(originalText);
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
handleServicesManagement: function() {
|
||||
var $ = jQuery;
|
||||
$('#wptag-enable-all').on('click', function() {
|
||||
$('input[name="enabled_services[]"]').prop('checked', true);
|
||||
$('.wptag-service-item').removeClass('disabled');
|
||||
});
|
||||
|
||||
$('#wptag-disable-all').on('click', function() {
|
||||
$('input[name="enabled_services[]"]').prop('checked', false);
|
||||
$('.wptag-service-item').addClass('disabled');
|
||||
});
|
||||
|
||||
$('.wptag-service-item input[type="checkbox"]').on('change', function() {
|
||||
var $item = $(this).closest('.wptag-service-item');
|
||||
var isChecked = $(this).is(':checked');
|
||||
|
||||
if (isChecked) {
|
||||
$item.removeClass('disabled');
|
||||
} else {
|
||||
$item.addClass('disabled');
|
||||
}
|
||||
});
|
||||
|
||||
$('.wptag-service-item input[type="checkbox"]').trigger('change');
|
||||
},
|
||||
|
||||
handleModal: function() {
|
||||
var $ = jQuery;
|
||||
$('.wptag-modal-close, #wptag-preview-modal').on('click', function(e) {
|
||||
if (e.target === this) {
|
||||
$('#wptag-preview-modal').hide();
|
||||
}
|
||||
});
|
||||
|
||||
$('.wptag-modal-content').on('click', function(e) {
|
||||
e.stopPropagation();
|
||||
});
|
||||
|
||||
$(document).on('keydown', function(e) {
|
||||
if (e.keyCode === 27 && $('#wptag-preview-modal').is(':visible')) {
|
||||
$('#wptag-preview-modal').hide();
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
handleFormSubmission: function() {
|
||||
var $ = jQuery;
|
||||
$('.wptag-settings-form').on('submit', function(e) {
|
||||
var hasErrors = false;
|
||||
|
||||
$('.wptag-service-card').each(function() {
|
||||
var $card = $(this);
|
||||
var isEnabled = $card.find('input[name*="[enabled]"]').is(':checked');
|
||||
|
||||
if (!isEnabled) {
|
||||
return;
|
||||
}
|
||||
|
||||
var useTemplate = $card.find('input[name*="[use_template]"]:checked').val() === '1';
|
||||
|
||||
if (useTemplate) {
|
||||
var idInput = $card.find('input[type="text"]').first();
|
||||
if (idInput.val().trim() === '') {
|
||||
alert('Please enter an ID for enabled services or disable them.');
|
||||
idInput.focus();
|
||||
hasErrors = true;
|
||||
return false;
|
||||
}
|
||||
} else {
|
||||
var customCodeTextarea = $card.find('textarea');
|
||||
if (customCodeTextarea.val().trim() === '') {
|
||||
alert('Please enter custom code for enabled services or disable them.');
|
||||
customCodeTextarea.focus();
|
||||
hasErrors = true;
|
||||
return false;
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
closeModal: function() {
|
||||
$('.wptag-modal').fadeOut(300, function() {
|
||||
$(this).remove();
|
||||
});
|
||||
},
|
||||
|
||||
validateForm: function(e) {
|
||||
const $form = $(this);
|
||||
const name = $form.find('#snippet-name').val();
|
||||
const code = WPTagAdmin.codeEditor ?
|
||||
WPTagAdmin.codeEditor.codemirror.getValue() :
|
||||
$form.find('#snippet-code').val();
|
||||
|
||||
if (!name.trim()) {
|
||||
if (hasErrors) {
|
||||
e.preventDefault();
|
||||
alert('Please enter a snippet name');
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!code.trim()) {
|
||||
e.preventDefault();
|
||||
alert('Please enter some code');
|
||||
return false;
|
||||
$(this).find('input[type="submit"]').prop('disabled', true).val('Saving...');
|
||||
});
|
||||
},
|
||||
|
||||
handleTabSwitching: function() {
|
||||
var $ = jQuery;
|
||||
$('.nav-tab').on('click', function(e) {
|
||||
var href = $(this).attr('href');
|
||||
if (href && href.indexOf('tab=') !== -1) {
|
||||
var tab = href.split('tab=')[1];
|
||||
var currentUrl = window.location.href.split('?')[0];
|
||||
var newUrl = currentUrl + '?page=wptag-settings&tab=' + tab;
|
||||
window.location.href = newUrl;
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
handleAdvancedToggle: function() {
|
||||
var $ = jQuery;
|
||||
$('.wptag-toggle-advanced').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
var $btn = $(this);
|
||||
var $card = $btn.closest('.wptag-service-card');
|
||||
var $advanced = $card.find('.wptag-advanced-settings');
|
||||
var $icon = $btn.find('.dashicons');
|
||||
|
||||
return true;
|
||||
if ($advanced.is(':visible')) {
|
||||
$advanced.slideUp();
|
||||
$icon.removeClass('dashicons-arrow-up-alt2').addClass('dashicons-arrow-down-alt2');
|
||||
$btn.html('<span class="dashicons dashicons-arrow-down-alt2"></span>Advanced Settings');
|
||||
} else {
|
||||
$advanced.slideDown();
|
||||
$icon.removeClass('dashicons-arrow-down-alt2').addClass('dashicons-arrow-up-alt2');
|
||||
$btn.html('<span class="dashicons dashicons-arrow-up-alt2"></span>Hide Advanced Settings');
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
handleCodeEditor: function() {
|
||||
var $ = jQuery;
|
||||
$('.wptag-code-editor').each(function() {
|
||||
var $editor = $(this);
|
||||
|
||||
$editor.on('input', function() {
|
||||
WPTagAdmin.updateEditorHeight(this);
|
||||
});
|
||||
|
||||
$editor.on('keydown', function(e) {
|
||||
if (e.keyCode === 9) {
|
||||
e.preventDefault();
|
||||
var start = this.selectionStart;
|
||||
var end = this.selectionEnd;
|
||||
var value = this.value;
|
||||
this.value = value.substring(0, start) + " " + value.substring(end);
|
||||
this.selectionStart = this.selectionEnd = start + 2;
|
||||
}
|
||||
});
|
||||
|
||||
WPTagAdmin.updateEditorHeight(this);
|
||||
});
|
||||
|
||||
$('.wptag-format-code').on('click', function() {
|
||||
var $btn = $(this);
|
||||
var $editor = $btn.closest('.wptag-code-editor-wrapper').find('.wptag-code-editor');
|
||||
var code = $editor.val();
|
||||
|
||||
if (code.trim()) {
|
||||
try {
|
||||
var formatted = WPTagAdmin.formatCode(code);
|
||||
$editor.val(formatted);
|
||||
WPTagAdmin.updateEditorHeight($editor[0]);
|
||||
} catch (e) {
|
||||
console.log('Code formatting failed:', e);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$('.wptag-clear-code').on('click', function() {
|
||||
if (confirm('Are you sure you want to clear the code?')) {
|
||||
var $btn = $(this);
|
||||
var $editor = $btn.closest('.wptag-code-editor-wrapper').find('.wptag-code-editor');
|
||||
$editor.val('');
|
||||
WPTagAdmin.updateEditorHeight($editor[0]);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
updateEditorHeight: function(editor) {
|
||||
editor.style.height = 'auto';
|
||||
editor.style.height = Math.max(editor.scrollHeight, 120) + 'px';
|
||||
},
|
||||
|
||||
formatCode: function(code) {
|
||||
try {
|
||||
return code
|
||||
.replace(/></g, '>\n<')
|
||||
.replace(/^\s+|\s+$/g, '')
|
||||
.split('\n')
|
||||
.map(function(line) {
|
||||
return line.trim();
|
||||
})
|
||||
.filter(function(line) {
|
||||
return line.length > 0;
|
||||
})
|
||||
.join('\n');
|
||||
} catch (e) {
|
||||
console.log('Code formatting error:', e);
|
||||
return code;
|
||||
}
|
||||
};
|
||||
|
||||
$(document).ready(function() {
|
||||
WPTagAdmin.init();
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
},
|
||||
|
||||
downloadFile: function(data, filename) {
|
||||
var blob = new Blob([data], { type: 'application/json' });
|
||||
var url = window.URL.createObjectURL(blob);
|
||||
var a = document.createElement('a');
|
||||
a.href = url;
|
||||
a.download = filename;
|
||||
a.style.display = 'none';
|
||||
document.body.appendChild(a);
|
||||
a.click();
|
||||
window.URL.revokeObjectURL(url);
|
||||
document.body.removeChild(a);
|
||||
},
|
||||
|
||||
showNotice: function(type, message) {
|
||||
var $ = jQuery;
|
||||
var $notice = $('<div class="notice notice-' + type + ' is-dismissible"><p>' + message + '</p></div>');
|
||||
$('.wptag-admin h1').after($notice);
|
||||
|
||||
setTimeout(function() {
|
||||
$notice.fadeOut(function() {
|
||||
$(this).remove();
|
||||
});
|
||||
}, 5000);
|
||||
|
||||
$notice.find('.notice-dismiss').on('click', function() {
|
||||
$notice.fadeOut(function() {
|
||||
$(this).remove();
|
||||
});
|
||||
});
|
||||
}
|
||||
};
|
||||
Loading…
Add table
Add a link
Reference in a new issue