Refactor initialization flow to accommodate future scalability and integration with all designated areas. Refactor the Creator Builders class. Refactor the FieldString and FieldXML classes.
438 lines
15 KiB
PHP
438 lines
15 KiB
PHP
<?php
|
|
/**
|
|
* @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
|
|
*/
|
|
|
|
use Joomla\CMS\Factory;
|
|
use Joomla\CMS\Language\Text;
|
|
use Joomla\CMS\HTML\HTMLHelper as Html;
|
|
use Joomla\CMS\Layout\LayoutHelper;
|
|
use Joomla\CMS\Router\Route;
|
|
use VDM\Component\Componentbuilder\Administrator\Helper\ComponentbuilderHelper;
|
|
use Joomla\CMS\Uri\Uri;
|
|
|
|
/** @var Joomla\CMS\WebAsset\WebAssetManager $wa */
|
|
$wa = $this->getDocument()->getWebAssetManager();
|
|
$wa->useScript('keepalive')->useScript('form.validate');
|
|
Html::_('bootstrap.tooltip');
|
|
|
|
// No direct access to this file
|
|
defined('_JEXEC') or die;
|
|
|
|
$layout = $this->isModal ? 'modal' : 'edit';
|
|
$tmpl = $this->input->get('tmpl');
|
|
$tmpl = $tmpl ? '&tmpl=' . $tmpl : '';
|
|
?>
|
|
<script type="text/javascript">
|
|
// waiting spinner
|
|
var outerDiv = document.querySelector('body');
|
|
var loadingDiv = document.createElement('div');
|
|
loadingDiv.id = 'loading';
|
|
loadingDiv.style.cssText = "background: rgba(255, 255, 255, .8) url('components/com_componentbuilder/assets/images/ajax.gif') 50% 35% no-repeat; top: " + (outerDiv.getBoundingClientRect().top + window.pageYOffset) + "px; left: " + (outerDiv.getBoundingClientRect().left + window.pageXOffset) + "px; width: " + outerDiv.offsetWidth + "px; height: " + outerDiv.offsetHeight + "px; position: fixed; opacity: 0.80; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); display: none;";
|
|
outerDiv.appendChild(loadingDiv);
|
|
loadingDiv.style.display = 'block';
|
|
// when page is ready remove and show
|
|
window.addEventListener('load', function() {
|
|
var componentLoader = document.getElementById('componentbuilder_loader');
|
|
if (componentLoader) componentLoader.style.display = 'block';
|
|
loadingDiv.style.display = 'none';
|
|
});
|
|
</script>
|
|
<div id="componentbuilder_loader" style="display: none;">
|
|
<form action="<?php echo Route::_('index.php?option=com_componentbuilder&&layout=' . $layout . $tmpl . '&id='. (int) $this->item->id . $this->referral); ?>" method="post" name="adminForm" id="adminForm" class="form-validate" enctype="multipart/form-data">
|
|
|
|
<?php echo LayoutHelper::render('custom_admin_view.details_above', $this); ?>
|
|
<div class="main-card">
|
|
<div class="row">
|
|
<div class="col-md-9">
|
|
|
|
<?php echo Html::_('uitab.startTabSet', 'custom_admin_viewTab', ['active' => 'details', 'recall' => true]); ?>
|
|
|
|
<?php echo Html::_('uitab.addTab', 'custom_admin_viewTab', 'details', Text::_('COM_COMPONENTBUILDER_CUSTOM_ADMIN_VIEW_DETAILS', true)); ?>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<?php echo LayoutHelper::render('custom_admin_view.details_left', $this); ?>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<?php echo LayoutHelper::render('custom_admin_view.details_right', $this); ?>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<?php echo LayoutHelper::render('custom_admin_view.details_fullwidth', $this); ?>
|
|
</div>
|
|
</div>
|
|
<?php echo Html::_('uitab.endTab'); ?>
|
|
|
|
<?php echo Html::_('uitab.addTab', 'custom_admin_viewTab', 'custom_buttons', Text::_('COM_COMPONENTBUILDER_CUSTOM_ADMIN_VIEW_CUSTOM_BUTTONS', true)); ?>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<?php echo LayoutHelper::render('custom_admin_view.custom_buttons_left', $this); ?>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<?php echo LayoutHelper::render('custom_admin_view.custom_buttons_fullwidth', $this); ?>
|
|
</div>
|
|
</div>
|
|
<?php echo Html::_('uitab.endTab'); ?>
|
|
|
|
<?php echo Html::_('uitab.addTab', 'custom_admin_viewTab', 'javascript_css', Text::_('COM_COMPONENTBUILDER_CUSTOM_ADMIN_VIEW_JAVASCRIPT_CSS', true)); ?>
|
|
<div class="row">
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<?php echo LayoutHelper::render('custom_admin_view.javascript_css_fullwidth', $this); ?>
|
|
</div>
|
|
</div>
|
|
<?php echo Html::_('uitab.endTab'); ?>
|
|
|
|
<?php echo Html::_('uitab.addTab', 'custom_admin_viewTab', 'php', Text::_('COM_COMPONENTBUILDER_CUSTOM_ADMIN_VIEW_PHP', true)); ?>
|
|
<div class="row">
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<?php echo LayoutHelper::render('custom_admin_view.php_fullwidth', $this); ?>
|
|
</div>
|
|
</div>
|
|
<?php echo Html::_('uitab.endTab'); ?>
|
|
|
|
<?php echo Html::_('uitab.addTab', 'custom_admin_viewTab', 'linked_components', Text::_('COM_COMPONENTBUILDER_CUSTOM_ADMIN_VIEW_LINKED_COMPONENTS', true)); ?>
|
|
<div class="row">
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<?php echo LayoutHelper::render('custom_admin_view.linked_components_fullwidth', $this); ?>
|
|
</div>
|
|
</div>
|
|
<?php echo Html::_('uitab.endTab'); ?>
|
|
|
|
<?php $this->ignore_fieldsets = array('details','metadata','vdmmetadata','accesscontrol'); ?>
|
|
<?php $this->tab_name = 'custom_admin_viewTab'; ?>
|
|
<?php echo LayoutHelper::render('joomla.edit.params', $this); ?>
|
|
|
|
<?php if ($this->canDo->get('core.edit.created_by') || $this->canDo->get('core.edit.created') || $this->canDo->get('core.edit.state') || ($this->canDo->get('core.delete') && $this->canDo->get('core.edit.state'))) : ?>
|
|
<?php echo Html::_('uitab.addTab', 'custom_admin_viewTab', 'publishing', Text::_('COM_COMPONENTBUILDER_CUSTOM_ADMIN_VIEW_PUBLISHING', true)); ?>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<?php echo LayoutHelper::render('custom_admin_view.publishing', $this); ?>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<?php echo LayoutHelper::render('custom_admin_view.publlshing', $this); ?>
|
|
</div>
|
|
</div>
|
|
<?php echo Html::_('uitab.endTab'); ?>
|
|
<?php endif; ?>
|
|
|
|
<?php if ($this->canDo->get('core.admin')) : ?>
|
|
<?php echo Html::_('uitab.addTab', 'custom_admin_viewTab', 'permissions', Text::_('COM_COMPONENTBUILDER_CUSTOM_ADMIN_VIEW_PERMISSION', true)); ?>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<fieldset id="fieldset-rules" class="options-form">
|
|
<legend><?php echo Text::_('COM_COMPONENTBUILDER_CUSTOM_ADMIN_VIEW_PERMISSION'); ?></legend>
|
|
<div>
|
|
<?php echo $this->form->getInput('rules'); ?>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
<?php echo Html::_('uitab.endTab'); ?>
|
|
<?php endif; ?>
|
|
|
|
<?php echo Html::_('uitab.endTabSet'); ?>
|
|
|
|
<div>
|
|
<input type="hidden" name="task" value="custom_admin_view.edit" />
|
|
<?php echo Html::_('form.token'); ?>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3"><div class="m-md-3">
|
|
<?php echo LayoutHelper::render('custom_admin_view.details_rightside', $this); ?>
|
|
</div></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="clearfix"></div>
|
|
<?php echo LayoutHelper::render('custom_admin_view.details_under', $this); ?>
|
|
</form>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
|
|
// #jform_add_php_view listeners for add_php_view_vvvvvyh function
|
|
jQuery('#jform_add_php_view').on('keyup',function()
|
|
{
|
|
var add_php_view_vvvvvyh = jQuery("#jform_add_php_view input[type='radio']:checked").val();
|
|
vvvvvyh(add_php_view_vvvvvyh);
|
|
|
|
});
|
|
jQuery('#adminForm').on('change', '#jform_add_php_view',function (e)
|
|
{
|
|
e.preventDefault();
|
|
var add_php_view_vvvvvyh = jQuery("#jform_add_php_view input[type='radio']:checked").val();
|
|
vvvvvyh(add_php_view_vvvvvyh);
|
|
|
|
});
|
|
|
|
// #jform_add_php_jview_display listeners for add_php_jview_display_vvvvvyi function
|
|
jQuery('#jform_add_php_jview_display').on('keyup',function()
|
|
{
|
|
var add_php_jview_display_vvvvvyi = jQuery("#jform_add_php_jview_display input[type='radio']:checked").val();
|
|
vvvvvyi(add_php_jview_display_vvvvvyi);
|
|
|
|
});
|
|
jQuery('#adminForm').on('change', '#jform_add_php_jview_display',function (e)
|
|
{
|
|
e.preventDefault();
|
|
var add_php_jview_display_vvvvvyi = jQuery("#jform_add_php_jview_display input[type='radio']:checked").val();
|
|
vvvvvyi(add_php_jview_display_vvvvvyi);
|
|
|
|
});
|
|
|
|
// #jform_add_php_jview listeners for add_php_jview_vvvvvyj function
|
|
jQuery('#jform_add_php_jview').on('keyup',function()
|
|
{
|
|
var add_php_jview_vvvvvyj = jQuery("#jform_add_php_jview input[type='radio']:checked").val();
|
|
vvvvvyj(add_php_jview_vvvvvyj);
|
|
|
|
});
|
|
jQuery('#adminForm').on('change', '#jform_add_php_jview',function (e)
|
|
{
|
|
e.preventDefault();
|
|
var add_php_jview_vvvvvyj = jQuery("#jform_add_php_jview input[type='radio']:checked").val();
|
|
vvvvvyj(add_php_jview_vvvvvyj);
|
|
|
|
});
|
|
|
|
// #jform_add_php_document listeners for add_php_document_vvvvvyk function
|
|
jQuery('#jform_add_php_document').on('keyup',function()
|
|
{
|
|
var add_php_document_vvvvvyk = jQuery("#jform_add_php_document input[type='radio']:checked").val();
|
|
vvvvvyk(add_php_document_vvvvvyk);
|
|
|
|
});
|
|
jQuery('#adminForm').on('change', '#jform_add_php_document',function (e)
|
|
{
|
|
e.preventDefault();
|
|
var add_php_document_vvvvvyk = jQuery("#jform_add_php_document input[type='radio']:checked").val();
|
|
vvvvvyk(add_php_document_vvvvvyk);
|
|
|
|
});
|
|
|
|
// #jform_add_css_document listeners for add_css_document_vvvvvyl function
|
|
jQuery('#jform_add_css_document').on('keyup',function()
|
|
{
|
|
var add_css_document_vvvvvyl = jQuery("#jform_add_css_document input[type='radio']:checked").val();
|
|
vvvvvyl(add_css_document_vvvvvyl);
|
|
|
|
});
|
|
jQuery('#adminForm').on('change', '#jform_add_css_document',function (e)
|
|
{
|
|
e.preventDefault();
|
|
var add_css_document_vvvvvyl = jQuery("#jform_add_css_document input[type='radio']:checked").val();
|
|
vvvvvyl(add_css_document_vvvvvyl);
|
|
|
|
});
|
|
|
|
// #jform_add_javascript_file listeners for add_javascript_file_vvvvvym function
|
|
jQuery('#jform_add_javascript_file').on('keyup',function()
|
|
{
|
|
var add_javascript_file_vvvvvym = jQuery("#jform_add_javascript_file input[type='radio']:checked").val();
|
|
vvvvvym(add_javascript_file_vvvvvym);
|
|
|
|
});
|
|
jQuery('#adminForm').on('change', '#jform_add_javascript_file',function (e)
|
|
{
|
|
e.preventDefault();
|
|
var add_javascript_file_vvvvvym = jQuery("#jform_add_javascript_file input[type='radio']:checked").val();
|
|
vvvvvym(add_javascript_file_vvvvvym);
|
|
|
|
});
|
|
|
|
// #jform_add_js_document listeners for add_js_document_vvvvvyn function
|
|
jQuery('#jform_add_js_document').on('keyup',function()
|
|
{
|
|
var add_js_document_vvvvvyn = jQuery("#jform_add_js_document input[type='radio']:checked").val();
|
|
vvvvvyn(add_js_document_vvvvvyn);
|
|
|
|
});
|
|
jQuery('#adminForm').on('change', '#jform_add_js_document',function (e)
|
|
{
|
|
e.preventDefault();
|
|
var add_js_document_vvvvvyn = jQuery("#jform_add_js_document input[type='radio']:checked").val();
|
|
vvvvvyn(add_js_document_vvvvvyn);
|
|
|
|
});
|
|
|
|
// #jform_add_custom_button listeners for add_custom_button_vvvvvyo function
|
|
jQuery('#jform_add_custom_button').on('keyup',function()
|
|
{
|
|
var add_custom_button_vvvvvyo = jQuery("#jform_add_custom_button input[type='radio']:checked").val();
|
|
vvvvvyo(add_custom_button_vvvvvyo);
|
|
|
|
});
|
|
jQuery('#adminForm').on('change', '#jform_add_custom_button',function (e)
|
|
{
|
|
e.preventDefault();
|
|
var add_custom_button_vvvvvyo = jQuery("#jform_add_custom_button input[type='radio']:checked").val();
|
|
vvvvvyo(add_custom_button_vvvvvyo);
|
|
|
|
});
|
|
|
|
// #jform_add_css listeners for add_css_vvvvvyp function
|
|
jQuery('#jform_add_css').on('keyup',function()
|
|
{
|
|
var add_css_vvvvvyp = jQuery("#jform_add_css input[type='radio']:checked").val();
|
|
vvvvvyp(add_css_vvvvvyp);
|
|
|
|
});
|
|
jQuery('#adminForm').on('change', '#jform_add_css',function (e)
|
|
{
|
|
e.preventDefault();
|
|
var add_css_vvvvvyp = jQuery("#jform_add_css input[type='radio']:checked").val();
|
|
vvvvvyp(add_css_vvvvvyp);
|
|
|
|
});
|
|
|
|
// #jform_add_php_ajax listeners for add_php_ajax_vvvvvyq function
|
|
jQuery('#jform_add_php_ajax').on('keyup',function()
|
|
{
|
|
var add_php_ajax_vvvvvyq = jQuery("#jform_add_php_ajax input[type='radio']:checked").val();
|
|
vvvvvyq(add_php_ajax_vvvvvyq);
|
|
|
|
});
|
|
jQuery('#adminForm').on('change', '#jform_add_php_ajax',function (e)
|
|
{
|
|
e.preventDefault();
|
|
var add_php_ajax_vvvvvyq = jQuery("#jform_add_php_ajax input[type='radio']:checked").val();
|
|
vvvvvyq(add_php_ajax_vvvvvyq);
|
|
|
|
});
|
|
|
|
|
|
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
document.querySelector('#open-libraries').innerHTML = '<a href="index.php?option=com_componentbuilder&view=libraries"><?php echo Text::_('COM_COMPONENTBUILDER_LIBRARIES'); ?></a>';
|
|
});
|
|
|
|
jQuery('#jform_snippet').closest('.input-append').addClass('jform_snippet_input_width');
|
|
jQuery('#jform_main_get').closest('.input-append').addClass('jform_main_get_input_width');
|
|
jQuery('#jform_dynamic_get').closest('.input-append').addClass('jform_dynamic_get_input_width');
|
|
jQuery(function() {
|
|
// make sure the code bocks are active
|
|
document.querySelectorAll("code").forEach(function(codeBlock) {
|
|
codeBlock.addEventListener("click", function() {
|
|
codeBlock.selText(); // Call the custom selText function
|
|
codeBlock.classList.add("selected"); // Add the "selected" class
|
|
});
|
|
});
|
|
});
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
// Attach change event listeners to form elements
|
|
document.querySelector("#adminForm")?.addEventListener("change", function (event) {
|
|
const target = event.target;
|
|
|
|
if (target.matches("#jform_libraries")) {
|
|
event.preventDefault();
|
|
getSnippets();
|
|
} else if (target.matches("#jform_snippet")) {
|
|
event.preventDefault();
|
|
const snippetId = target.value;
|
|
if (snippetId) {
|
|
getSnippetDetails(snippetId);
|
|
}
|
|
} else if (target.matches("#jform_dynamic_get")) {
|
|
event.preventDefault();
|
|
const dynamicId = target.value;
|
|
if (dynamicId) {
|
|
getDynamicValues(dynamicId);
|
|
}
|
|
}
|
|
});
|
|
|
|
const dynamicElement = document.querySelector("#jform_dynamic_get");
|
|
const dynamicElementValue = dynamicElement.value;
|
|
if (dynamicElement && dynamicElementValue) {
|
|
getDynamicValues(dynamicElementValue);
|
|
}
|
|
|
|
getLayoutDetails(9999);
|
|
getTemplateDetails(9999);
|
|
});
|
|
// some lang strings
|
|
var select_a_snippet = '<?php echo Text::_('COM_COMPONENTBUILDER_SELECT_A_SNIPPET'); ?>';
|
|
var create_a_snippet = '<?php echo Text::_('COM_COMPONENTBUILDER_CREATE_A_SNIPPET'); ?>';
|
|
|
|
|
|
HTMLElement.prototype.selText = function() {
|
|
var obj = this;
|
|
|
|
// For modern browsers, handle the selection
|
|
var selection = window.getSelection();
|
|
var range = document.createRange();
|
|
|
|
// Select the content of the element
|
|
range.selectNodeContents(obj);
|
|
selection.removeAllRanges(); // Clear any previous selections
|
|
selection.addRange(range); // Add the new selection range
|
|
|
|
return this;
|
|
};
|
|
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
document.querySelectorAll(".loading-dots").forEach(function(loading_dots) {
|
|
let x = 0;
|
|
let intervalId = setInterval(function() {
|
|
if (!loading_dots.classList.contains("loading-dots")) {
|
|
clearInterval(intervalId);
|
|
return;
|
|
}
|
|
let dots = ".".repeat(x % 8);
|
|
loading_dots.textContent = dots;
|
|
x++;
|
|
}, 500);
|
|
});
|
|
});
|
|
|
|
<?php
|
|
$app = Factory::getApplication();
|
|
?>
|
|
function JRouter(link) {
|
|
<?php
|
|
if ($app->isClient('site'))
|
|
{
|
|
echo 'var url = "'. Uri::root() . '";';
|
|
}
|
|
else
|
|
{
|
|
echo 'var url = "";';
|
|
}
|
|
?>
|
|
return url+link;
|
|
}
|
|
jQuery(document).ready(function(){
|
|
jQuery(document).on('subform-row-add', function(event, row){
|
|
getIconImage(jQuery(row).find('.icomoon342'));
|
|
});
|
|
});
|
|
|
|
function getIconImage(field) {
|
|
// get the ID
|
|
var id = jQuery(field).attr('id');
|
|
// remove old one
|
|
jQuery('#image_'+id).remove();
|
|
// get value
|
|
var value = jQuery('#'+id).val();
|
|
// build new one
|
|
var span = '<span id="image_'+id+'" class="icon-'+value+'" style="position: absolute; top: 8px; right: -20px;"></span>';
|
|
// add the icon
|
|
jQuery('#'+id+'_chzn').append(span);
|
|
}
|
|
</script>
|