Robot
2fe5f4b174
Add Health Check buttons to the JCB Compiler and Component list view to verify system PHP configuration. Add the Toolbar Custom Buttons subform to the Global Subform settings for improved usability and presentation. Fix the Field edit view to ensure full compliance with Joomla 6 standards and updated UI/UX conventions. Begin migration from UIkit to Bootstrap 5 to align JCB with Joomla 6+ standards. Complete Bootstrap 5 refactor of all primary views and core UI. Continue phased removal of UIkit with full transition planned for upcoming releases. Fix deprecated JText usage in Admin Custom Tabs area for Joomla 5+ compatibility. #1302. Fix snippet loading for Joomla 6, improving reliability and removing legacy UIkit dependencies during migration. Introduced strict version-aware compilation to ensure libraries are only included when explicitly defined for Joomla 6. Disabled automatic UIkit injection for Joomla 6, preventing auto-loading across custom admin views, site views, templates, and layouts. Migrate Search view for J6 to use Bootstrap and Joomla-native HTML and JavaScript. Remove all manually linked Bootstrap v4 assets from the component. Improve subform ordering fields for clearer display and better readability. Refactor the JavaScript waiting spinner to use solid, native JavaScript with improved page-loading handling.
273 lines
9.1 KiB
PHP
273 lines
9.1 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">
|
|
(function() {
|
|
// create loading overlay
|
|
var loadingDiv = document.createElement('div');
|
|
loadingDiv.id = 'loading';
|
|
loadingDiv.style.position = 'fixed';
|
|
loadingDiv.style.top = '0';
|
|
loadingDiv.style.left = '0';
|
|
loadingDiv.style.right = '0';
|
|
loadingDiv.style.bottom = '0';
|
|
loadingDiv.style.width = '100%';
|
|
loadingDiv.style.height = '100%';
|
|
loadingDiv.style.background = "rgba(255,255,255,0.8) url('components/com_componentbuilder/assets/images/ajax.gif') 50% 35% no-repeat";
|
|
loadingDiv.style.opacity = '0.8';
|
|
loadingDiv.style.zIndex = '9999';
|
|
loadingDiv.style.display = 'block';
|
|
loadingDiv.style.msFilter = "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
|
|
loadingDiv.style.filter = "alpha(opacity=80)";
|
|
document.body.appendChild(loadingDiv);
|
|
// remove overlay when page fully loaded
|
|
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&view=layout&layout=' . $layout . $tmpl . '&id='. (int) $this->item->id . $this->referral); ?>" method="post" name="adminForm" id="adminForm" class="form-validate" enctype="multipart/form-data">
|
|
|
|
<div class="main-card">
|
|
<div class="row">
|
|
<div class="col-md-9">
|
|
|
|
<?php echo Html::_('uitab.startTabSet', 'layoutTab', ['active' => 'details', 'recall' => true]); ?>
|
|
|
|
<?php echo Html::_('uitab.addTab', 'layoutTab', 'details', Text::_('COM_COMPONENTBUILDER_LAYOUT_DETAILS', true)); ?>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<?php echo LayoutHelper::render('layout.details_left', $this); ?>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<?php echo LayoutHelper::render('layout.details_right', $this); ?>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<?php echo LayoutHelper::render('layout.details_fullwidth', $this); ?>
|
|
</div>
|
|
</div>
|
|
<?php echo Html::_('uitab.endTab'); ?>
|
|
|
|
<?php echo Html::_('uitab.addTab', 'layoutTab', 'custom_script', Text::_('COM_COMPONENTBUILDER_LAYOUT_CUSTOM_SCRIPT', true)); ?>
|
|
<div class="row">
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<?php echo LayoutHelper::render('layout.custom_script_fullwidth', $this); ?>
|
|
</div>
|
|
</div>
|
|
<?php echo Html::_('uitab.endTab'); ?>
|
|
|
|
<?php $this->ignore_fieldsets = array('details','metadata','vdmmetadata','accesscontrol'); ?>
|
|
<?php $this->tab_name = 'layoutTab'; ?>
|
|
<?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', 'layoutTab', 'publishing', Text::_('COM_COMPONENTBUILDER_LAYOUT_PUBLISHING', true)); ?>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<?php echo LayoutHelper::render('layout.publishing', $this); ?>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<?php echo LayoutHelper::render('layout.publlshing', $this); ?>
|
|
</div>
|
|
</div>
|
|
<?php echo Html::_('uitab.endTab'); ?>
|
|
<?php endif; ?>
|
|
|
|
<?php if ($this->canDo->get('core.admin')) : ?>
|
|
<?php echo Html::_('uitab.addTab', 'layoutTab', 'permissions', Text::_('COM_COMPONENTBUILDER_LAYOUT_PERMISSION', true)); ?>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<fieldset id="fieldset-rules" class="options-form">
|
|
<legend><?php echo Text::_('COM_COMPONENTBUILDER_LAYOUT_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="layout.edit" />
|
|
<?php echo Html::_('form.token'); ?>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3"><div class="m-md-3">
|
|
<?php echo LayoutHelper::render('layout.details_rightside', $this); ?>
|
|
</div></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="clearfix"></div>
|
|
<?php echo LayoutHelper::render('layout.details_under', $this); ?>
|
|
</form>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
|
|
// #jform_add_php_view listeners for add_php_view_vvvvvzh function
|
|
jQuery('#jform_add_php_view').on('keyup',function()
|
|
{
|
|
var add_php_view_vvvvvzh = jQuery("#jform_add_php_view input[type='radio']:checked").val();
|
|
vvvvvzh(add_php_view_vvvvvzh);
|
|
|
|
});
|
|
jQuery('#adminForm').on('change', '#jform_add_php_view',function (e)
|
|
{
|
|
e.preventDefault();
|
|
var add_php_view_vvvvvzh = jQuery("#jform_add_php_view input[type='radio']:checked").val();
|
|
vvvvvzh(add_php_view_vvvvvzh);
|
|
|
|
});
|
|
|
|
|
|
|
|
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_dynamic_get').closest('.input-append').addClass('jform_dynamic_get_input_width');
|
|
// Ensure the DOM is fully loaded before running the code
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
|
|
// Event listener for code blocks
|
|
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
|
|
});
|
|
});
|
|
});
|
|
|
|
jQuery('#adminForm').on('change', '#jform_libraries',function (e) {
|
|
e.preventDefault();
|
|
getSnippets();
|
|
});
|
|
jQuery('#adminForm').on('change', '#jform_snippet',function (e) {
|
|
e.preventDefault();
|
|
// get type value
|
|
var snippetId = jQuery("#jform_snippet option:selected").val();
|
|
getSnippetDetails(snippetId);
|
|
});
|
|
|
|
jQuery(document).ready(function() {
|
|
// get type value
|
|
var snippetId = jQuery("#jform_snippet option:selected").val();
|
|
if (snippetId && snippetId.length > 0)
|
|
{
|
|
getSnippetDetails(snippetId);
|
|
}
|
|
});
|
|
jQuery('#adminForm').on('change', '#jform_dynamic_get',function (e) {
|
|
e.preventDefault();
|
|
// get type value
|
|
var dynamicId = jQuery("#jform_dynamic_get option:selected").val();
|
|
getDynamicValues(dynamicId);
|
|
});
|
|
jQuery(document).ready(function() {
|
|
// get type value
|
|
var dynamicId = jQuery("#jform_dynamic_get option:selected").val();
|
|
if (dynamicId.length > 0)
|
|
{
|
|
getDynamicValues(dynamicId);
|
|
}
|
|
});
|
|
jQuery(document).ready(function() {
|
|
// get type value
|
|
getLayoutDetails(<?php echo ($this->item->id) ? $this->item->id: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'); ?>';
|
|
|
|
/**
|
|
* Select all text content within an HTMLElement.
|
|
*
|
|
* Adds a convenient `selText()` method to all HTMLElements.
|
|
* Works across modern browsers and gracefully handles errors.
|
|
*
|
|
* @return {HTMLElement} Returns the element itself for chaining.
|
|
* @since 5.1.3
|
|
*/
|
|
HTMLElement.prototype.selText = function () {
|
|
try {
|
|
const selection = window.getSelection();
|
|
if (!selection) {
|
|
console.warn('selText: window.getSelection() not supported in this environment.');
|
|
return this;
|
|
}
|
|
|
|
const range = document.createRange();
|
|
range.selectNodeContents(this);
|
|
|
|
selection.removeAllRanges(); // clear any prior selections
|
|
selection.addRange(range); // select the element's text content
|
|
|
|
// Optionally bring the element into view if it's outside viewport
|
|
if (typeof this.scrollIntoView === 'function') {
|
|
this.scrollIntoView({ behavior: 'smooth', block: 'center' });
|
|
}
|
|
} catch (error) {
|
|
console.error('selText failed:', error);
|
|
}
|
|
|
|
return this;
|
|
};
|
|
|
|
<?php
|
|
$app = Factory::getApplication();
|
|
?>
|
|
function JRouter(link) {
|
|
<?php
|
|
if ($app->isClient('site'))
|
|
{
|
|
echo 'var url = "'. Uri::root() . '";';
|
|
}
|
|
else
|
|
{
|
|
echo 'var url = "";';
|
|
}
|
|
?>
|
|
return url+link;
|
|
}
|
|
</script>
|