forked from joomla/Component-Builder
Robot
0193ab735c
Add fallback option to ensure that all JCB tables and fields exist. Move the powers autoloader to its own file.
424 lines
14 KiB
JavaScript
424 lines
14 KiB
JavaScript
/**
|
|
* @package Joomla.Component.Builder
|
|
*
|
|
* @created 30th April, 2015
|
|
* @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
|
|
*/
|
|
|
|
// Some Global Values
|
|
jform_vvvvwajvww_required = false;
|
|
jform_vvvvwakvwx_required = false;
|
|
jform_vvvvwakvwy_required = false;
|
|
jform_vvvvwakvwz_required = false;
|
|
|
|
// Initial Script
|
|
document.addEventListener('DOMContentLoaded', function()
|
|
{
|
|
var target_vvvvwaj = jQuery("#jform_target input[type='radio']:checked").val();
|
|
vvvvwaj(target_vvvvwaj);
|
|
|
|
var target_vvvvwak = jQuery("#jform_target input[type='radio']:checked").val();
|
|
vvvvwak(target_vvvvwak);
|
|
|
|
var target_vvvvwal = jQuery("#jform_target input[type='radio']:checked").val();
|
|
var type_vvvvwal = jQuery("#jform_type input[type='radio']:checked").val();
|
|
vvvvwal(target_vvvvwal,type_vvvvwal);
|
|
|
|
var type_vvvvwam = jQuery("#jform_type input[type='radio']:checked").val();
|
|
var target_vvvvwam = jQuery("#jform_target input[type='radio']:checked").val();
|
|
vvvvwam(type_vvvvwam,target_vvvvwam);
|
|
});
|
|
|
|
// the vvvvwaj function
|
|
function vvvvwaj(target_vvvvwaj)
|
|
{
|
|
// set the function logic
|
|
if (target_vvvvwaj == 2)
|
|
{
|
|
jQuery('#jform_function_name').closest('.control-group').show();
|
|
// add required attribute to function_name field
|
|
if (jform_vvvvwajvww_required)
|
|
{
|
|
updateFieldRequired('function_name',0);
|
|
jQuery('#jform_function_name').prop('required','required');
|
|
jQuery('#jform_function_name').attr('aria-required',true);
|
|
jQuery('#jform_function_name').addClass('required');
|
|
jform_vvvvwajvww_required = false;
|
|
}
|
|
jQuery('.note_jcb_placeholder').closest('.control-group').show();
|
|
jQuery('#jform_system_name').closest('.control-group').show();
|
|
}
|
|
else
|
|
{
|
|
jQuery('#jform_function_name').closest('.control-group').hide();
|
|
// remove required attribute from function_name field
|
|
if (!jform_vvvvwajvww_required)
|
|
{
|
|
updateFieldRequired('function_name',1);
|
|
jQuery('#jform_function_name').removeAttr('required');
|
|
jQuery('#jform_function_name').removeAttr('aria-required');
|
|
jQuery('#jform_function_name').removeClass('required');
|
|
jform_vvvvwajvww_required = true;
|
|
}
|
|
jQuery('.note_jcb_placeholder').closest('.control-group').hide();
|
|
jQuery('#jform_system_name').closest('.control-group').hide();
|
|
}
|
|
}
|
|
|
|
// the vvvvwak function
|
|
function vvvvwak(target_vvvvwak)
|
|
{
|
|
// set the function logic
|
|
if (target_vvvvwak == 1)
|
|
{
|
|
jQuery('#jform_component').closest('.control-group').show();
|
|
// add required attribute to component field
|
|
if (jform_vvvvwakvwx_required)
|
|
{
|
|
updateFieldRequired('component',0);
|
|
jQuery('#jform_component').prop('required','required');
|
|
jQuery('#jform_component').attr('aria-required',true);
|
|
jQuery('#jform_component').addClass('required');
|
|
jform_vvvvwakvwx_required = false;
|
|
}
|
|
jQuery('#jform_path').closest('.control-group').show();
|
|
// add required attribute to path field
|
|
if (jform_vvvvwakvwy_required)
|
|
{
|
|
updateFieldRequired('path',0);
|
|
jQuery('#jform_path').prop('required','required');
|
|
jQuery('#jform_path').attr('aria-required',true);
|
|
jQuery('#jform_path').addClass('required');
|
|
jform_vvvvwakvwy_required = false;
|
|
}
|
|
jQuery('#jform_from_line').closest('.control-group').show();
|
|
jQuery('#jform_hashtarget').closest('.control-group').show();
|
|
jQuery('#jform_to_line').closest('.control-group').show();
|
|
jQuery('#jform_type').closest('.control-group').show();
|
|
// add required attribute to type field
|
|
if (jform_vvvvwakvwz_required)
|
|
{
|
|
updateFieldRequired('type',0);
|
|
jQuery('#jform_type').prop('required','required');
|
|
jQuery('#jform_type').attr('aria-required',true);
|
|
jQuery('#jform_type').addClass('required');
|
|
jform_vvvvwakvwz_required = false;
|
|
}
|
|
}
|
|
else
|
|
{
|
|
jQuery('#jform_component').closest('.control-group').hide();
|
|
// remove required attribute from component field
|
|
if (!jform_vvvvwakvwx_required)
|
|
{
|
|
updateFieldRequired('component',1);
|
|
jQuery('#jform_component').removeAttr('required');
|
|
jQuery('#jform_component').removeAttr('aria-required');
|
|
jQuery('#jform_component').removeClass('required');
|
|
jform_vvvvwakvwx_required = true;
|
|
}
|
|
jQuery('#jform_path').closest('.control-group').hide();
|
|
// remove required attribute from path field
|
|
if (!jform_vvvvwakvwy_required)
|
|
{
|
|
updateFieldRequired('path',1);
|
|
jQuery('#jform_path').removeAttr('required');
|
|
jQuery('#jform_path').removeAttr('aria-required');
|
|
jQuery('#jform_path').removeClass('required');
|
|
jform_vvvvwakvwy_required = true;
|
|
}
|
|
jQuery('#jform_from_line').closest('.control-group').hide();
|
|
jQuery('#jform_hashtarget').closest('.control-group').hide();
|
|
jQuery('#jform_to_line').closest('.control-group').hide();
|
|
jQuery('#jform_type').closest('.control-group').hide();
|
|
// remove required attribute from type field
|
|
if (!jform_vvvvwakvwz_required)
|
|
{
|
|
updateFieldRequired('type',1);
|
|
jQuery('#jform_type').removeAttr('required');
|
|
jQuery('#jform_type').removeAttr('aria-required');
|
|
jQuery('#jform_type').removeClass('required');
|
|
jform_vvvvwakvwz_required = true;
|
|
}
|
|
}
|
|
}
|
|
|
|
// the vvvvwal function
|
|
function vvvvwal(target_vvvvwal,type_vvvvwal)
|
|
{
|
|
// set the function logic
|
|
if (target_vvvvwal == 1 && type_vvvvwal == 1)
|
|
{
|
|
jQuery('#jform_hashendtarget').closest('.control-group').show();
|
|
jQuery('#jform_to_line').closest('.control-group').show();
|
|
}
|
|
else
|
|
{
|
|
jQuery('#jform_hashendtarget').closest('.control-group').hide();
|
|
jQuery('#jform_to_line').closest('.control-group').hide();
|
|
}
|
|
}
|
|
|
|
// the vvvvwam function
|
|
function vvvvwam(type_vvvvwam,target_vvvvwam)
|
|
{
|
|
// set the function logic
|
|
if (type_vvvvwam == 1 && target_vvvvwam == 1)
|
|
{
|
|
jQuery('#jform_hashendtarget').closest('.control-group').show();
|
|
jQuery('#jform_to_line').closest('.control-group').show();
|
|
}
|
|
else
|
|
{
|
|
jQuery('#jform_hashendtarget').closest('.control-group').hide();
|
|
jQuery('#jform_to_line').closest('.control-group').hide();
|
|
}
|
|
}
|
|
|
|
// update fields required
|
|
function updateFieldRequired(name, status) {
|
|
// check if not_required exist
|
|
if (document.getElementById('jform_not_required')) {
|
|
var not_required = jQuery('#jform_not_required').val().split(",");
|
|
|
|
if(status == 1)
|
|
{
|
|
not_required.push(name);
|
|
}
|
|
else
|
|
{
|
|
not_required = removeFieldFromNotRequired(not_required, name);
|
|
}
|
|
|
|
jQuery('#jform_not_required').val(fixNotRequiredArray(not_required).toString());
|
|
}
|
|
}
|
|
|
|
// remove field from not_required
|
|
function removeFieldFromNotRequired(array, what) {
|
|
return array.filter(function(element){
|
|
return element !== what;
|
|
});
|
|
}
|
|
|
|
// fix not required array
|
|
function fixNotRequiredArray(array) {
|
|
var seen = {};
|
|
return removeEmptyFromNotRequiredArray(array).filter(function(item) {
|
|
return seen.hasOwnProperty(item) ? false : (seen[item] = true);
|
|
});
|
|
}
|
|
|
|
// remove empty from not_required array
|
|
function removeEmptyFromNotRequiredArray(array) {
|
|
return array.filter(function (el) {
|
|
// remove ( 一_一) as well - lol
|
|
return (el.length > 0 && '一_一' !== el);
|
|
});
|
|
}
|
|
|
|
// the isSet function
|
|
function isSet(val)
|
|
{
|
|
if ((val != undefined) && (val != null) && 0 !== val.length){
|
|
return true;
|
|
}
|
|
return false;
|
|
}
|
|
|
|
|
|
jQuery(document).ready(function()
|
|
{
|
|
var target = jQuery("#jform_target input[type='radio']:checked").val();
|
|
if (target == 2) {
|
|
jQuery('#usedin').show();
|
|
var functioName = jQuery('#jform_function_name').val();
|
|
// check if this function name is taken
|
|
checkFunctionName(functioName);
|
|
}
|
|
var type = jQuery("#jform_comment_type input[type='radio']:checked").val();
|
|
if (type == 2) {
|
|
jQuery('#html-comment-info').show();
|
|
jQuery('#phpjs-comment-info').hide();
|
|
} else {
|
|
jQuery('#html-comment-info').hide();
|
|
jQuery('#phpjs-comment-info').show();
|
|
}
|
|
// check and load all the custom code edit buttons
|
|
getEditCustomCodeButtons();
|
|
});
|
|
function setCustomCodePlaceholder() {
|
|
var ide = jQuery('#jform_id').val();
|
|
var functioName = jQuery('#jform_function_name').val();
|
|
if (ide > 0 && functioName.length > 2) {
|
|
jQuery('#jcb-placeholder').html('<code>[CUSTO'+'MCODE='+functioName+']</code>');
|
|
jQuery('#jcb-placeholder-arg').html('<code>[CUSTO'+'MCODE='+functioName+'+value1,value2]</code>');
|
|
} else if (ide > 0){
|
|
jQuery('#jcb-placeholder').html('<code>[not ready]</code>');
|
|
jQuery('#jcb-placeholder-arg').html('<code>[not ready]</code>');
|
|
} else if (functioName.length > 2) {
|
|
jQuery('#jcb-placeholder').html('<code>[CUSTO'+'MCODE='+functioName+']</code>');
|
|
jQuery('#jcb-placeholder-arg').html('<code>[CUSTO'+'MCODE='+functioName+'+value1,value2]</code>');
|
|
} else {
|
|
jQuery('#jcb-placeholder').html('<code>[save to see]</code>');
|
|
jQuery('#jcb-placeholder-arg').html('<code>[save to see]</code>');
|
|
}
|
|
// update the notes
|
|
if (ide > 0) {
|
|
jQuery('.placeholder-key-id').text(ide);
|
|
}
|
|
}
|
|
|
|
function checkFunctionName(functioName) {
|
|
if (functioName.length > 2) {
|
|
var ide = jQuery('#jform_id').val();
|
|
if (ide == 0) {
|
|
ide = -1;
|
|
}
|
|
checkFunctionName_server(functioName, ide).done(function(result) {
|
|
if(result.name && result.message){
|
|
// show notice that functioName is okay
|
|
jQuery.UIkit.notify({message: result.message, timeout: 5000, status: result.status, pos: 'top-right'});
|
|
jQuery('#jform_function_name').val(result.name);
|
|
// now start search for where the function is used
|
|
usedin(result.name, ide);
|
|
} else if(result.message){
|
|
// show notice that functioName is not okay
|
|
jQuery.UIkit.notify({message: result.message, timeout: 5000, status: result.status, pos: 'top-right'});
|
|
jQuery('#jform_function_name').val('');
|
|
} else {
|
|
// set an error that message was not send
|
|
jQuery.UIkit.notify({message: Joomla.JText._('COM_COMPONENTBUILDER_FUNCTION_NAME_ALREADY_TAKEN_PLEASE_TRY_AGAIN'), timeout: 5000, status: 'danger', pos: 'top-right'});
|
|
jQuery('#jform_function_name').val('');
|
|
}
|
|
// set custom code placeholder
|
|
setCustomCodePlaceholder();
|
|
});
|
|
} else {
|
|
// set an error that message was not send
|
|
jQuery.UIkit.notify({message: Joomla.JText._('COM_COMPONENTBUILDER_YOU_MUST_ADD_AN_UNIQUE_FUNCTION_NAME'), timeout: 5000, status: 'danger', pos: 'top-right'});
|
|
jQuery('#jform_function_name').val('');
|
|
// set custom code placeholder
|
|
setCustomCodePlaceholder();
|
|
}
|
|
}
|
|
// check Function name
|
|
function checkFunctionName_server(functioName, ide){
|
|
var getUrl = "index.php?option=com_componentbuilder&task=ajax.checkFunctionName&raw=true&format=json";
|
|
if(token.length > 0){
|
|
var request = 'token='+token+'&functioName='+functioName+'&id='+ide;
|
|
}
|
|
return jQuery.ajax({
|
|
type: 'POST',
|
|
url: getUrl,
|
|
dataType: 'json',
|
|
data: request,
|
|
jsonp: false
|
|
});
|
|
}
|
|
|
|
|
|
// check where this Function is used
|
|
function usedin(functioName, ide) {
|
|
var found = false;
|
|
jQuery('#before-usedin').hide();
|
|
jQuery('#note-usedin-not').hide();
|
|
jQuery('#note-usedin-found').hide();
|
|
jQuery('#loading-usedin').show();
|
|
var targets = ['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v']; // if you update this, also update (below 21) & [customcode-codeUsedInHtmlNote]!
|
|
var targetNumber = 21;
|
|
var run = 0;
|
|
var usedinChecker = setInterval(function(){
|
|
var target = targets[run];
|
|
usedin_server(functioName, ide, target).done(function(used) {
|
|
if (used.in) {
|
|
jQuery('#usedin-'+used.id).show();
|
|
jQuery('#area-'+used.id).html(used.in);
|
|
jQuery.UIkit.notify({message: used.in, timeout: 5000, status: 'success', pos: 'top-right'});
|
|
found = true;
|
|
} else {
|
|
jQuery('#usedin-'+target).hide();
|
|
}
|
|
if (run == targetNumber) {
|
|
jQuery('#loading-usedin').hide();
|
|
if (found) {
|
|
jQuery('#note-usedin-found').show();
|
|
} else {
|
|
jQuery('#note-usedin-not').show();
|
|
}
|
|
}
|
|
});
|
|
if (run == targetNumber) {
|
|
clearInterval(usedinChecker);
|
|
}
|
|
run++;
|
|
}, 800);
|
|
}
|
|
function usedin_server(functioName, ide, target){
|
|
var getUrl = "index.php?option=com_componentbuilder&task=ajax.usedin&format=json";
|
|
if(token.length > 0){
|
|
var request = token+'=1&functioName='+functioName+'&id='+ide+'&target='+target+'&raw=true&return_here='+return_here;
|
|
}
|
|
return jQuery.ajax({
|
|
type: 'GET',
|
|
url: getUrl,
|
|
dataType: 'json',
|
|
data: request,
|
|
jsonp: false
|
|
});
|
|
}
|
|
|
|
|
|
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);
|
|
});
|
|
}
|