Component-Builder/media/js/joomla_plugin.js

762 lines
25 KiB
JavaScript
Raw Normal View History

/**
* @package Joomla.Component.Builder
*
* @created 30th April, 2015
2022-07-09 15:45:08 +00:00
* @author Llewellyn van der Merwe <https://dev.vdm.io>
* @git Joomla Component Builder <https://git.vdm.dev/joomla/Component-Builder>
* @copyright Copyright (C) 2015 Vast Development Method. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/
// Initial Script
document.addEventListener('DOMContentLoaded', function()
{
var class_extends_vvvvvwq = jQuery("#jform_class_extends").val();
var joomla_plugin_group_vvvvvwq = jQuery("#jform_joomla_plugin_group").val();
vvvvvwq(class_extends_vvvvvwq,joomla_plugin_group_vvvvvwq);
var joomla_plugin_group_vvvvvwr = jQuery("#jform_joomla_plugin_group").val();
var class_extends_vvvvvwr = jQuery("#jform_class_extends").val();
vvvvvwr(joomla_plugin_group_vvvvvwr,class_extends_vvvvvwr);
var class_extends_vvvvvws = jQuery("#jform_class_extends").val();
vvvvvws(class_extends_vvvvvws);
var update_server_target_vvvvvwu = jQuery("#jform_update_server_target input[type='radio']:checked").val();
var add_update_server_vvvvvwu = jQuery("#jform_add_update_server input[type='radio']:checked").val();
vvvvvwu(update_server_target_vvvvvwu,add_update_server_vvvvvwu);
var add_update_server_vvvvvwv = jQuery("#jform_add_update_server input[type='radio']:checked").val();
var update_server_target_vvvvvwv = jQuery("#jform_update_server_target input[type='radio']:checked").val();
vvvvvwv(add_update_server_vvvvvwv,update_server_target_vvvvvwv);
var update_server_target_vvvvvww = jQuery("#jform_update_server_target input[type='radio']:checked").val();
var add_update_server_vvvvvww = jQuery("#jform_add_update_server input[type='radio']:checked").val();
vvvvvww(update_server_target_vvvvvww,add_update_server_vvvvvww);
var update_server_target_vvvvvwy = jQuery("#jform_update_server_target input[type='radio']:checked").val();
var add_update_server_vvvvvwy = jQuery("#jform_add_update_server input[type='radio']:checked").val();
vvvvvwy(update_server_target_vvvvvwy,add_update_server_vvvvvwy);
});
// the vvvvvwq function
function vvvvvwq(class_extends_vvvvvwq,joomla_plugin_group_vvvvvwq)
{
if (isSet(class_extends_vvvvvwq) && class_extends_vvvvvwq.constructor !== Array)
{
var temp_vvvvvwq = class_extends_vvvvvwq;
var class_extends_vvvvvwq = [];
class_extends_vvvvvwq.push(temp_vvvvvwq);
}
else if (!isSet(class_extends_vvvvvwq))
{
var class_extends_vvvvvwq = [];
}
var class_extends = class_extends_vvvvvwq.some(class_extends_vvvvvwq_SomeFunc);
if (isSet(joomla_plugin_group_vvvvvwq) && joomla_plugin_group_vvvvvwq.constructor !== Array)
{
var temp_vvvvvwq = joomla_plugin_group_vvvvvwq;
var joomla_plugin_group_vvvvvwq = [];
joomla_plugin_group_vvvvvwq.push(temp_vvvvvwq);
}
else if (!isSet(joomla_plugin_group_vvvvvwq))
{
var joomla_plugin_group_vvvvvwq = [];
}
var joomla_plugin_group = joomla_plugin_group_vvvvvwq.some(joomla_plugin_group_vvvvvwq_SomeFunc);
// set this function logic
if (class_extends && joomla_plugin_group)
{
jQuery('#jform_method_selection-lbl').closest('.control-group').show();
jQuery('#jform_property_selection-lbl').closest('.control-group').show();
}
else
{
jQuery('#jform_method_selection-lbl').closest('.control-group').hide();
jQuery('#jform_property_selection-lbl').closest('.control-group').hide();
}
}
// the vvvvvwq Some function
function class_extends_vvvvvwq_SomeFunc(class_extends_vvvvvwq)
{
// set the function logic
if (isSet(class_extends_vvvvvwq))
{
return true;
}
return false;
}
// the vvvvvwq Some function
function joomla_plugin_group_vvvvvwq_SomeFunc(joomla_plugin_group_vvvvvwq)
{
// set the function logic
if (isSet(joomla_plugin_group_vvvvvwq))
{
return true;
}
return false;
}
// the vvvvvwr function
function vvvvvwr(joomla_plugin_group_vvvvvwr,class_extends_vvvvvwr)
{
if (isSet(joomla_plugin_group_vvvvvwr) && joomla_plugin_group_vvvvvwr.constructor !== Array)
{
var temp_vvvvvwr = joomla_plugin_group_vvvvvwr;
var joomla_plugin_group_vvvvvwr = [];
joomla_plugin_group_vvvvvwr.push(temp_vvvvvwr);
}
else if (!isSet(joomla_plugin_group_vvvvvwr))
{
var joomla_plugin_group_vvvvvwr = [];
}
var joomla_plugin_group = joomla_plugin_group_vvvvvwr.some(joomla_plugin_group_vvvvvwr_SomeFunc);
if (isSet(class_extends_vvvvvwr) && class_extends_vvvvvwr.constructor !== Array)
{
var temp_vvvvvwr = class_extends_vvvvvwr;
var class_extends_vvvvvwr = [];
class_extends_vvvvvwr.push(temp_vvvvvwr);
}
else if (!isSet(class_extends_vvvvvwr))
{
var class_extends_vvvvvwr = [];
}
var class_extends = class_extends_vvvvvwr.some(class_extends_vvvvvwr_SomeFunc);
// set this function logic
if (joomla_plugin_group && class_extends)
{
jQuery('#jform_method_selection-lbl').closest('.control-group').show();
jQuery('#jform_property_selection-lbl').closest('.control-group').show();
}
else
{
jQuery('#jform_method_selection-lbl').closest('.control-group').hide();
jQuery('#jform_property_selection-lbl').closest('.control-group').hide();
}
}
// the vvvvvwr Some function
function joomla_plugin_group_vvvvvwr_SomeFunc(joomla_plugin_group_vvvvvwr)
{
// set the function logic
if (isSet(joomla_plugin_group_vvvvvwr))
{
return true;
}
return false;
}
// the vvvvvwr Some function
function class_extends_vvvvvwr_SomeFunc(class_extends_vvvvvwr)
{
// set the function logic
if (isSet(class_extends_vvvvvwr))
{
return true;
}
return false;
}
// the vvvvvws function
function vvvvvws(class_extends_vvvvvws)
{
if (isSet(class_extends_vvvvvws) && class_extends_vvvvvws.constructor !== Array)
{
var temp_vvvvvws = class_extends_vvvvvws;
var class_extends_vvvvvws = [];
class_extends_vvvvvws.push(temp_vvvvvws);
}
else if (!isSet(class_extends_vvvvvws))
{
var class_extends_vvvvvws = [];
}
var class_extends = class_extends_vvvvvws.some(class_extends_vvvvvws_SomeFunc);
// set this function logic
if (class_extends)
{
jQuery('#jform_add_head').closest('.control-group').show();
}
else
{
jQuery('#jform_add_head').closest('.control-group').hide();
}
}
// the vvvvvws Some function
function class_extends_vvvvvws_SomeFunc(class_extends_vvvvvws)
{
// set the function logic
if (isSet(class_extends_vvvvvws))
{
return true;
}
return false;
}
// the vvvvvwu function
function vvvvvwu(update_server_target_vvvvvwu,add_update_server_vvvvvwu)
{
// set the function logic
if (update_server_target_vvvvvwu == 1 && add_update_server_vvvvvwu == 1)
{
jQuery('#jform_update_server').closest('.control-group').show();
jQuery('.note_update_server_note_ftp').closest('.control-group').show();
}
else
{
jQuery('#jform_update_server').closest('.control-group').hide();
jQuery('.note_update_server_note_ftp').closest('.control-group').hide();
}
}
// the vvvvvwv function
function vvvvvwv(add_update_server_vvvvvwv,update_server_target_vvvvvwv)
{
// set the function logic
if (add_update_server_vvvvvwv == 1 && update_server_target_vvvvvwv == 1)
{
jQuery('#jform_update_server').closest('.control-group').show();
jQuery('.note_update_server_note_ftp').closest('.control-group').show();
}
else
{
jQuery('#jform_update_server').closest('.control-group').hide();
jQuery('.note_update_server_note_ftp').closest('.control-group').hide();
}
}
// the vvvvvww function
function vvvvvww(update_server_target_vvvvvww,add_update_server_vvvvvww)
{
// set the function logic
if (update_server_target_vvvvvww == 2 && add_update_server_vvvvvww == 1)
{
jQuery('.note_update_server_note_zip').closest('.control-group').show();
}
else
{
jQuery('.note_update_server_note_zip').closest('.control-group').hide();
}
}
// the vvvvvwy function
function vvvvvwy(update_server_target_vvvvvwy,add_update_server_vvvvvwy)
{
// set the function logic
if (update_server_target_vvvvvwy == 3 && add_update_server_vvvvvwy == 1)
{
jQuery('.note_update_server_note_other').closest('.control-group').show();
}
else
{
jQuery('.note_update_server_note_other').closest('.control-group').hide();
}
}
// the isSet function
function isSet(val)
{
if ((val != undefined) && (val != null) && 0 !== val.length){
return true;
}
return false;
}
jQuery(document).ready(function()
{
// get the linked details
getLinked();
// load the active array values
buildSelectionMemory('property');
buildSelectionMemory('method');
// load the active selection array values
getClassCodeIds('joomla_plugin_group', 'jform_class_extends', false);
getClassCodeIds('property', 'jform_joomla_plugin_group', false);
getClassCodeIds('method', 'jform_joomla_plugin_group', false);
// check and load all the customcode edit buttons
setTimeout(getEditCustomCodeButtons, 300);
// trigger the row watcher
rowWatcher();
});
function getCodeFrom_server(id, type, type_name, callingName) {
var url = "index.php?option=com_componentbuilder&task=ajax." + callingName + "&format=json&raw=true&vdm="+vastDevMod;
if (token.length > 0 && id > 0 && type.length > 0) {
url += '&' + token + '=1&' + type_name + '=' + type + '&id=' + id;
}
var getUrl = JRouter(url);
return fetch(getUrl, {
method: 'GET',
headers: {
'Content-Type': 'application/json'
}
}).then(function(response) {
if (response.ok) {
return response.json();
} else {
throw new Error('Network response was not ok');
}
}).then(function(data) {
return data;
}).catch(function(error) {
console.error('There was a problem with the fetch operation:', error);
});
}
// set selection the options
selectionMemory = {'property':{},'method':{}};
selectionActiveArray = {'property':{},'method':{}};
selectedIdRemoved = {'property':'not','method':'not'};
function buildSelectionMemory(type) {
var i;
for (i = 0; i < 70; i++) {
// build ID
var id_check = 'jform_'+type+'_selection'+'__'+type+'_selection'+i+'__'+type;
// set memory
if (jQuery("#"+id_check).length) {
selectionMemory[type][id_check] = jQuery("#"+id_check+" option:selected").val();
}
}
}
function getClassHeaderCode(){
// now get the values
var value = jQuery("#jform_class_extends option:selected").val();
var add_value = jQuery("#jform_add_head input[type='radio']:checked").val();
if (add_value == 1 && value > 0){
// we first check local memory
var _result = jQuery.jStorage.get('extends_header_'+value, null);
if (_result) {
// now set the code
addCodeToEditor(_result, "jform_head", false, null);
} else {
// now get the code
getCodeFrom_server(value, 'extends', 'type', 'getClassHeaderCode').then(function(result) {
if(result){
// now set the code
addCodeToEditor(result, "jform_head", false, null);
// add result to local memory
jQuery.jStorage.set('extends_header_'+value, result, {TTL: expire});
}
});
}
}
}
function getClassCodeIds(type, target_field, reset_all){
// now get the value
var value = jQuery('#'+target_field).val();
// now get the code
getCodeFrom_server(value, type, 'type', 'getClassCodeIds').then(function(result) {
if(result){
// reset the selection
selectionActiveArray[type] = {};
// update the active array
jQuery.each(result, function(i, prop) {
selectionActiveArray[type][prop] = selectionArray[type][prop];
});
// update the active field selection
updateActiveFieldSelection(type, reset_all);
}
});
}
function updateActiveFieldSelection(type, reset_all){
// update the selection options
if ('joomla_plugin_group' === type) {
// get value if not going to reset all
if (!reset_all){
// get the active values
var activeValue = jQuery("#jform_"+type+" option:selected").val();
var activeText = jQuery("#jform_"+type+" option:selected").text();
// clear the options out
jQuery("#jform_"+type).find('option').remove().end();
// add the active selection back (must be what is available)
jQuery("#jform_"+type).append('<option value="'+activeValue+'">'+activeText+'</option>');
// now add the lists back
jQuery.each( selectionActiveArray[type], function(aValue, aText ) {
if (activeValue !== aValue) {
jQuery("#jform_"+type).append('<option value="'+aValue+'">'+aText+'</option>');
}
});
jQuery("#jform_"+type).val(activeValue);
} else {
// clear the options out
jQuery("#jform_"+type).find('option').remove().end();
// now add the lists back
jQuery.each( selectionActiveArray[type], function(aValue, aText ) {
jQuery("#jform_"+type).append('<option value="'+aValue+'">'+aText+'</option>');
});
jQuery("#jform_"+type).val('');
}
jQuery("#jform_"+type).trigger('liszt:updated');
// reset all when global update is made
if (reset_all) {
resetAll('method');
resetAll('property');
}
} else {
selectionDynamicUpdate(type);
// reset all when global update is made
if (reset_all) {
resetAll(type);
}
}
}
function resetAll(type) {
var i;
for (i = 0; i < 10; i++) {
// build ID
var id_check = 'jform_'+type+'_selection'+'__'+type+'_selection'+i+'__'+type;
// first check if Id is on page as that not the same as the one currently calling
if (jQuery("#"+id_check).length) {
if (i == 0) {
jQuery('#'+id_check).val('');
jQuery('#'+id_check).trigger('liszt:updated');
} else {
// remove the row
jQuery('#'+id_check).closest('tr').remove();
}
}
}
Joomla.editors.instances['jform_main_class_code'].setValue('');
selectionMemory = {'property':{},'method':{}};
}
function getClassCode(field, type){
// get the ID
var id = jQuery(field).attr('id');
// now get the value
var value = jQuery('#' + id).val();
// check if we have a memory for this field, if true remove code of old selection and clear memory
if (selectionMemory[type].hasOwnProperty(id) && selectionMemory[type][id] > 0) {
// the old id to remove
var old_value = selectionMemory[type][id];
// remove the code // we first check local memory
var _result = jQuery.jStorage.get('code_4_'+type+'_'+old_value, null);
if (_result) {
// now remove the code
if (removeCodeFromEditor(_result, 'jform_main_class_code')) {
selectionMemory[type][id] = 0;
}
} else {
// now get the code
getCodeFrom_server(old_value, type, 'type', 'getClassCode').then(function(result) {
if(result){
// now remove the code
if (removeCodeFromEditor(result, 'jform_main_class_code')) {
selectionMemory[type][id] = 0;
}
// add result to local memory
jQuery.jStorage.set('code_4_'+type+'_'+old_value, result, {TTL: expire});
}
});
}
}
if (propertyIsSet(value, id, type)) {
// reset the selection
jQuery('#'+id).val('');
jQuery('#'+id).trigger("liszt:updated");
// give out a notice
jQuery.UIkit.notify({message: Joomla.JText._('COM_COMPONENTBUILDER_ALREADY_SELECTED_TRY_ANOTHER'), timeout: 5000, status: 'warning', pos: 'top-center'});
} else {
// set the active removed value
selectedIdRemoved[type] = id;
// do a dynamic update (to remove what was already used)
selectionDynamicUpdate(type);
// set the add action
if (type === 'property') {
var _action_add = 'prepend';
} else {
var _action_add = 'append';
}
// we first check local memory
var _result = jQuery.jStorage.get('code_4_'+type+'_'+value, null);
if (_result) {
// now set the code
if (addCodeToEditor(_result, "jform_main_class_code", true, _action_add)) {
selectionMemory[type][id] = value;
}
} else {
// now get the code
getCodeFrom_server(value, type, 'type', 'getClassCode').then(function(result) {
if(result){
// now set the code
if (addCodeToEditor(result, "jform_main_class_code", true, _action_add)) {
selectionMemory[type][id] = value;
}
// add result to local memory
jQuery.jStorage.set('code_4_'+type+'_'+value, result, {TTL: expire});
}
});
}
}
}
function selectionDynamicUpdate(type) {
selectionAvailable = {};
selectionSelectedArray = {};
selectionTrackerArray = {};
var i;
for (i = 0; i < 70; i++) { // for now this is the number of field we should check
// build ID
var id_check = 'jform_'+type+'_selection'+'__'+type+'_selection'+i+'__'+type;
// first check if Id is on page as that not the same as the one currently calling
if (jQuery("#"+id_check).length && selectedIdRemoved[type] !== id_check) {
// build the selected array
var key = jQuery("#"+id_check+" option:selected").val();
var text = jQuery("#"+id_check+" option:selected").text();
selectionSelectedArray[key] = text;
// keep track of the value set
selectionTrackerArray[id_check] = key;
// clear the options out
jQuery("#"+id_check).find('option').remove().end();
}
}
// now build the list to keep
jQuery.each( selectionActiveArray[type], function( prop, name ) {
if (!selectionSelectedArray.hasOwnProperty(prop)) {
selectionAvailable[prop] = name;
}
});
// now add the lists back
jQuery.each( selectionTrackerArray, function( tId, tKey ) {
if (jQuery('#'+tId).length) {
jQuery('#'+tId).append('<option value="'+tKey+'">'+selectionSelectedArray[tKey]+'</option>');
jQuery.each( selectionAvailable, function( aKey, aValue ) {
jQuery('#'+tId).append('<option value="'+aKey+'">'+aValue+'</option>');
});
jQuery('#'+tId).val(tKey);
jQuery('#'+tId).trigger('liszt:updated');
}
});
}
function rowWatcher() {
jQuery(document).on('subform-row-remove', function(event, row){
// we first chck if this is a method call
var valid_call = jQuery(row.innerHTML).find('.method_selection_list').attr('id');
var type_call = 'method';
if (!isSet(valid_call)){
// now lets see if this is a property call
var valid_call = jQuery(row.innerHTML).find('.property_selection_list').attr('id');
var type_call = 'property';
}
// so lets update selection if call valid
if (isSet(valid_call)){
selectedIdRemoved[type_call] = valid_call;
selectionDynamicUpdate(type_call);
// also remove from code
var valid_value = jQuery(row.innerHTML).find('#' + valid_call + ' option:selected').val();
if (valid_value === '') {
valid_value = selectionMemory[type_call][valid_call];
}
// remove the code // we first check local memory
var _result = jQuery.jStorage.get('code_4_'+type_call+'_'+valid_value, null);
if (_result) {
// now remove the code
if (removeCodeFromEditor(_result, 'jform_main_class_code')) {
selectionMemory[type_call][valid_call] = 0;
}
} else {
// now get the code
getCodeFrom_server(valid_value, type_call, 'type', 'getClassCode').then(function(result) {
if(result){
if (removeCodeFromEditor(result, 'jform_main_class_code')) {
selectionMemory[type_call][valid_call] = 0;;
}
// add result to local memory
jQuery.jStorage.set('code_4_'+type_call+'_'+valid_value, result, {TTL: expire});
}
});
}
}
});
jQuery(document).on('subform-row-add', function(event, row){
// we first chck if this is a method call
var valid_call = jQuery(row.innerHTML).find('.method_selection_list').attr('id');
var type_call = 'method';
if (!isSet(valid_call)){
// now lets see if this is a property call
var valid_call = jQuery(row.innerHTML).find('.property_selection_list').attr('id');
var type_call = 'property';
}
// so lets update selection if call valid
if (isSet(valid_call)){
selectedIdRemoved[type_call] = 'not';
selectionDynamicUpdate(type_call);
}
});
}
function propertyIsSet(prop, id, type) {
var i;
for (i = 0; i < 70; i++) { // for now this is the number of field we should check
// build ID
var id_check = 'jform_'+type+'_selection'+'__'+type+'_selection'+i+'__'+type;
// first check if Id is on page as that not the same as the one currently calling
if (jQuery("#"+id_check).length && id_check != id) {
// get the property value
var tmp = jQuery("#"+id_check+" option:selected").val();
// now validate
if (tmp === prop) {
return true;
}
}
}
return false;
}
function addCodeToEditor(code_string, editor_id, merge, merge_target){
if (Joomla.editors.instances.hasOwnProperty(editor_id)) {
var old_code_string = Joomla.editors.instances[editor_id].getValue();
if (merge && old_code_string.length > 0) {
// make sure not to load the same string twice
if (old_code_string.indexOf(code_string) == -1) {
if ('prepend' === merge_target) {
var _string = code_string + "\n\n" + old_code_string;
} else if (merge_target && 'append' !== merge_target) {
var old_code_array = old_code_string.split(merge_target);
if (old_code_array.length > 1) {
var _string = old_code_array.shift() + "\n\n" + code_string + "\n\n" + merge_target + old_code_array.join(merge_target);
} else {
var _string = code_string + "\n\n" + merge_target + old_code_array.join('');
}
} else {
var _string = old_code_string + "\n\n" + code_string;
}
Joomla.editors.instances[editor_id].setValue(_string.trim());
return true;
}
} else {
Joomla.editors.instances[editor_id].setValue(code_string.trim());
return true;
}
} else {
var old_code_string = jQuery('textarea#'+editor_id).val();
if (merge && old_code_string.length > 0) {
// make sure not to load the same string twice
if (old_code_string.indexOf(code_string) == -1) {
if ('prepend' === merge_target) {
var _string = code_string + "\n\n" + old_code_string;
} else if (merge_target && 'append' !== merge_target) {
var old_code_array = old_code_string.split(merge_target);
if (old_code_array.length > 1) {
var _string = old_code_array.shift() + "\n\n" + code_string + "\n\n" + merge_target + old_code_array.join(merge_target);
} else {
var _string = code_string + "\n\n" + merge_target + old_code_array.join('');
}
} else {
var _string = old_code_string + "\n\n" + code_string;
}
jQuery('textarea#'+editor_id).val(_string.trim());
return true;
}
} else {
jQuery('textarea#'+editor_id).val(code_string.trim());
return true;
}
}
return false;
}
function removeCodeFromEditor(code_string, editor_id){
if (Joomla.editors.instances.hasOwnProperty(editor_id)) {
var old_code_string = Joomla.editors.instances[editor_id].getValue();
if (old_code_string.length > 0) {
// make sure string is found
if (old_code_string.indexOf(code_string) !== -1) {
// remove the code
Joomla.editors.instances[editor_id].setValue(old_code_string.replace(code_string+"\n\n",'').replace("\n\n"+code_string,'').replace(code_string,''));
return true;
}
}
} else {
var old_code_string = jQuery('textarea#'+editor_id).val();
if (old_code_string.length > 0) {
// make sure string is found
if (old_code_string.indexOf(code_string) !== -1) {
// remove the code
jQuery('textarea#'+editor_id).val(old_code_string.replace(code_string+"\n\n",'').replace("\n\n"+code_string,'').replace(code_string,''));
return true;
}
}
}
return false;
}
function getLinked() {
getCodeFrom_server(1, 'type', 'type', 'getLinked').then(function(result) {
if (result.error) {
console.error(result.error);
} else if (result) {
document.getElementById('display_linked_to').innerHTML = result;
}
});
}
function getEditCustomCodeButtons_server(id) {
var getUrl = JRouter("index.php?option=com_componentbuilder&task=ajax.getEditCustomCodeButtons&format=json&raw=true&vdm="+vastDevMod);
let requestParams = '';
if (token.length > 0 && id > 0) {
requestParams = token+'=1&id='+id+'&return_here='+return_here;
}
// Construct URL with parameters for GET request
const urlWithParams = getUrl + '&' + requestParams;
// Using the Fetch API for the GET request
return fetch(urlWithParams, {
method: 'GET',
headers: {
'Content-Type': 'application/json'
}
}).then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
});
}
function getEditCustomCodeButtons() {
// Get the id using pure JavaScript
const id = document.querySelector("#jform_id").value;
getEditCustomCodeButtons_server(id).then(function(result) {
if (typeof result === 'object') {
Object.entries(result).forEach(([field, buttons]) => {
// Creating the div element for buttons
const div = document.createElement('div');
div.className = 'control-group';
div.innerHTML = '<div class="control-label"><label>Add/Edit Customcode</label></div><div class="controls control-customcode-buttons-'+field+'"></div>';
// Insert the div before .control-wrapper-{field}
const insertBeforeElement = document.querySelector(".control-wrapper-"+field);
insertBeforeElement.parentNode.insertBefore(div, insertBeforeElement);
// Adding buttons to the div
Object.entries(buttons).forEach(([name, button]) => {
const controlsDiv = document.querySelector(".control-customcode-buttons-"+field);
controlsDiv.innerHTML += button;
});
});
}
}).catch(error => {
console.error('Error:', error);
});
}