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.
404 lines
13 KiB
PHP
404 lines
13 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=field&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('field.set_properties_above', $this); ?>
|
|
<div class="main-card">
|
|
|
|
<?php echo Html::_('uitab.startTabSet', 'fieldTab', ['active' => 'set_properties', 'recall' => true]); ?>
|
|
|
|
<?php echo Html::_('uitab.addTab', 'fieldTab', 'set_properties', Text::_('COM_COMPONENTBUILDER_FIELD_SET_PROPERTIES', true)); ?>
|
|
<div class="row">
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<?php echo LayoutHelper::render('field.set_properties_fullwidth', $this); ?>
|
|
</div>
|
|
</div>
|
|
<?php echo Html::_('uitab.endTab'); ?>
|
|
|
|
<?php echo Html::_('uitab.addTab', 'fieldTab', 'database', Text::_('COM_COMPONENTBUILDER_FIELD_DATABASE', true)); ?>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<?php echo LayoutHelper::render('field.database_left', $this); ?>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<?php echo LayoutHelper::render('field.database_right', $this); ?>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<?php echo LayoutHelper::render('field.database_fullwidth', $this); ?>
|
|
</div>
|
|
</div>
|
|
<?php echo Html::_('uitab.endTab'); ?>
|
|
|
|
<?php echo Html::_('uitab.addTab', 'fieldTab', 'scripts', Text::_('COM_COMPONENTBUILDER_FIELD_SCRIPTS', true)); ?>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<?php echo LayoutHelper::render('field.scripts_left', $this); ?>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<?php echo LayoutHelper::render('field.scripts_right', $this); ?>
|
|
</div>
|
|
</div>
|
|
<?php echo Html::_('uitab.endTab'); ?>
|
|
|
|
<?php echo Html::_('uitab.addTab', 'fieldTab', 'type_info', Text::_('COM_COMPONENTBUILDER_FIELD_TYPE_INFO', true)); ?>
|
|
<div class="row">
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<?php echo LayoutHelper::render('field.type_info_fullwidth', $this); ?>
|
|
</div>
|
|
</div>
|
|
<?php echo Html::_('uitab.endTab'); ?>
|
|
|
|
<?php $this->ignore_fieldsets = array('details','metadata','vdmmetadata','accesscontrol'); ?>
|
|
<?php $this->tab_name = 'fieldTab'; ?>
|
|
<?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('field.edit.state') || ($this->canDo->get('field.delete') && $this->canDo->get('field.edit.state'))) : ?>
|
|
<?php echo Html::_('uitab.addTab', 'fieldTab', 'publishing', Text::_('COM_COMPONENTBUILDER_FIELD_PUBLISHING', true)); ?>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<?php echo LayoutHelper::render('field.publishing', $this); ?>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<?php echo LayoutHelper::render('field.publlshing', $this); ?>
|
|
</div>
|
|
</div>
|
|
<?php echo Html::_('uitab.endTab'); ?>
|
|
<?php endif; ?>
|
|
|
|
<?php if ($this->canDo->get('core.admin')) : ?>
|
|
<?php echo Html::_('uitab.addTab', 'fieldTab', 'permissions', Text::_('COM_COMPONENTBUILDER_FIELD_PERMISSION', true)); ?>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<fieldset id="fieldset-rules" class="options-form">
|
|
<legend><?php echo Text::_('COM_COMPONENTBUILDER_FIELD_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="field.edit" />
|
|
<?php echo Html::_('form.token'); ?>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="clearfix"></div>
|
|
<?php echo LayoutHelper::render('field.set_properties_under', $this); ?>
|
|
</form>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
|
|
// #jform_datalenght listeners for datalenght_vvvvwbg function
|
|
jQuery('#jform_datalenght').on('keyup',function()
|
|
{
|
|
var datalenght_vvvvwbg = jQuery("#jform_datalenght").val();
|
|
vvvvwbg(datalenght_vvvvwbg);
|
|
|
|
});
|
|
jQuery('#adminForm').on('change', '#jform_datalenght',function (e)
|
|
{
|
|
e.preventDefault();
|
|
var datalenght_vvvvwbg = jQuery("#jform_datalenght").val();
|
|
vvvvwbg(datalenght_vvvvwbg);
|
|
|
|
});
|
|
|
|
// #jform_datadefault listeners for datadefault_vvvvwbh function
|
|
jQuery('#jform_datadefault').on('keyup',function()
|
|
{
|
|
var datadefault_vvvvwbh = jQuery("#jform_datadefault").val();
|
|
vvvvwbh(datadefault_vvvvwbh);
|
|
|
|
});
|
|
jQuery('#adminForm').on('change', '#jform_datadefault',function (e)
|
|
{
|
|
e.preventDefault();
|
|
var datadefault_vvvvwbh = jQuery("#jform_datadefault").val();
|
|
vvvvwbh(datadefault_vvvvwbh);
|
|
|
|
});
|
|
|
|
// #jform_datatype listeners for datatype_vvvvwbi function
|
|
jQuery('#jform_datatype').on('keyup',function()
|
|
{
|
|
var datatype_vvvvwbi = jQuery("#jform_datatype").val();
|
|
vvvvwbi(datatype_vvvvwbi);
|
|
|
|
});
|
|
jQuery('#adminForm').on('change', '#jform_datatype',function (e)
|
|
{
|
|
e.preventDefault();
|
|
var datatype_vvvvwbi = jQuery("#jform_datatype").val();
|
|
vvvvwbi(datatype_vvvvwbi);
|
|
|
|
});
|
|
|
|
// #jform_datatype listeners for datatype_vvvvwbj function
|
|
jQuery('#jform_datatype').on('keyup',function()
|
|
{
|
|
var datatype_vvvvwbj = jQuery("#jform_datatype").val();
|
|
vvvvwbj(datatype_vvvvwbj);
|
|
|
|
});
|
|
jQuery('#adminForm').on('change', '#jform_datatype',function (e)
|
|
{
|
|
e.preventDefault();
|
|
var datatype_vvvvwbj = jQuery("#jform_datatype").val();
|
|
vvvvwbj(datatype_vvvvwbj);
|
|
|
|
});
|
|
|
|
// #jform_store listeners for store_vvvvwbm function
|
|
jQuery('#jform_store').on('keyup',function()
|
|
{
|
|
var store_vvvvwbm = jQuery("#jform_store").val();
|
|
vvvvwbm(store_vvvvwbm);
|
|
|
|
});
|
|
jQuery('#adminForm').on('change', '#jform_store',function (e)
|
|
{
|
|
e.preventDefault();
|
|
var store_vvvvwbm = jQuery("#jform_store").val();
|
|
vvvvwbm(store_vvvvwbm);
|
|
|
|
});
|
|
|
|
// #jform_add_css_view listeners for add_css_view_vvvvwbn function
|
|
jQuery('#jform_add_css_view').on('keyup',function()
|
|
{
|
|
var add_css_view_vvvvwbn = jQuery("#jform_add_css_view input[type='radio']:checked").val();
|
|
vvvvwbn(add_css_view_vvvvwbn);
|
|
|
|
});
|
|
jQuery('#adminForm').on('change', '#jform_add_css_view',function (e)
|
|
{
|
|
e.preventDefault();
|
|
var add_css_view_vvvvwbn = jQuery("#jform_add_css_view input[type='radio']:checked").val();
|
|
vvvvwbn(add_css_view_vvvvwbn);
|
|
|
|
});
|
|
|
|
// #jform_add_css_views listeners for add_css_views_vvvvwbo function
|
|
jQuery('#jform_add_css_views').on('keyup',function()
|
|
{
|
|
var add_css_views_vvvvwbo = jQuery("#jform_add_css_views input[type='radio']:checked").val();
|
|
vvvvwbo(add_css_views_vvvvwbo);
|
|
|
|
});
|
|
jQuery('#adminForm').on('change', '#jform_add_css_views',function (e)
|
|
{
|
|
e.preventDefault();
|
|
var add_css_views_vvvvwbo = jQuery("#jform_add_css_views input[type='radio']:checked").val();
|
|
vvvvwbo(add_css_views_vvvvwbo);
|
|
|
|
});
|
|
|
|
// #jform_add_javascript_view_footer listeners for add_javascript_view_footer_vvvvwbp function
|
|
jQuery('#jform_add_javascript_view_footer').on('keyup',function()
|
|
{
|
|
var add_javascript_view_footer_vvvvwbp = jQuery("#jform_add_javascript_view_footer input[type='radio']:checked").val();
|
|
vvvvwbp(add_javascript_view_footer_vvvvwbp);
|
|
|
|
});
|
|
jQuery('#adminForm').on('change', '#jform_add_javascript_view_footer',function (e)
|
|
{
|
|
e.preventDefault();
|
|
var add_javascript_view_footer_vvvvwbp = jQuery("#jform_add_javascript_view_footer input[type='radio']:checked").val();
|
|
vvvvwbp(add_javascript_view_footer_vvvvwbp);
|
|
|
|
});
|
|
|
|
// #jform_add_javascript_views_footer listeners for add_javascript_views_footer_vvvvwbq function
|
|
jQuery('#jform_add_javascript_views_footer').on('keyup',function()
|
|
{
|
|
var add_javascript_views_footer_vvvvwbq = jQuery("#jform_add_javascript_views_footer input[type='radio']:checked").val();
|
|
vvvvwbq(add_javascript_views_footer_vvvvwbq);
|
|
|
|
});
|
|
jQuery('#adminForm').on('change', '#jform_add_javascript_views_footer',function (e)
|
|
{
|
|
e.preventDefault();
|
|
var add_javascript_views_footer_vvvvwbq = jQuery("#jform_add_javascript_views_footer input[type='radio']:checked").val();
|
|
vvvvwbq(add_javascript_views_footer_vvvvwbq);
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
/**
|
|
* Initialize form listeners and code block click handlers.
|
|
*
|
|
* Fully replaces the original jQuery logic in pure JavaScript.
|
|
*
|
|
* @since 5.1.3
|
|
*/
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
setTimeout(function () {
|
|
document.querySelectorAll('code').forEach(function (codeBlock) {
|
|
codeBlock.addEventListener('click', function () {
|
|
codeBlock.selText();
|
|
codeBlock.classList.add('selected');
|
|
});
|
|
});
|
|
}, 2000);
|
|
|
|
const adminForm = document.getElementById('adminForm');
|
|
if (adminForm) {
|
|
adminForm.addEventListener('change', function (e) {
|
|
if (e.target && e.target.id === 'jform_fieldtype') {
|
|
e.preventDefault();
|
|
|
|
// Get selected option
|
|
const select = document.getElementById('jform_fieldtype');
|
|
const selected = select.options[select.selectedIndex];
|
|
if (!selected) return;
|
|
|
|
const fieldId = selected.value;
|
|
const fieldText = selected.textContent.trim().toLowerCase();
|
|
|
|
// Run your existing functions (kept identical)
|
|
getFieldTypeProperties(fieldId, true);
|
|
dbChecker(fieldText);
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
/**
|
|
* 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;
|
|
}
|
|
|
|
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);
|
|
});
|
|
});
|
|
</script>
|