Release of v6.1.6

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.
This commit is contained in:
Robot committed 2026-05-21 20:49:33 +00:00
1 parent bd72280c37
commit 2fe5f4b174
449 files changed
+10970 -66822

No files matched your search

+1 -1
View File
@@ -42,7 +42,7 @@ defined('_JEXEC') or die;
<form action="<?php echo Route::_('index.php?option=com_componentbuilder&view=pull_selection' . $urlId); ?>" method="post" name="adminForm" id="adminForm" class="form-validate" enctype="multipart/form-data">
<?php echo $this->loadTemplate('pullselectionheader'); ?>
<?php echo $this->loadTemplate('pullselectionarea'); ?>
<?php echo $this->loadTemplate('pullselectionareajsix'); ?>
<input type="hidden" name="task" value="" />
<?php echo Html::_('form.token'); ?>
</form>
@@ -26,13 +26,18 @@ $headers = $this->item['headers'] ?? [];
$table_id = StringHelper::random(10);
$repo_items = $this->item['repos'] ?? [];
$repos = [];
foreach ($repo_items as $repo)
{
if (!empty($repo->base) && !empty($repo->path))
{
$repos[] = LayoutHelper::render('reposelectioncardbody', ['repo' => $repo, 'area' => $area, 'name' => $area_name]);
$repos[] = LayoutHelper::render('reposelectioncardbodyjsix', ['repo' => $repo, 'area' => $area, 'name' => $area_name]);
}
}
// Split repositories into rows of four so each row can size itself correctly.
$repo_rows = array_chunk($repos, 4);
// set the base URL
$url_base = Uri::base() . 'index.php?option=com_componentbuilder';
@@ -41,77 +46,86 @@ $url_base = Uri::base() . 'index.php?option=com_componentbuilder';
<script type="text/javascript">
// get page body
var outerBodyDiv = document.querySelector('body');
var outerBodyDiv = document.body || document.querySelector('body');
// start loading spinner
var loadingDiv = document.createElement('div');
loadingDiv.id = 'loading';
// Set CSS properties individually
loadingDiv.style.background = "rgba(255, 255, 255, .8) url('components/com_componentbuilder/assets/images/ajax.gif') 50% 35% no-repeat";
loadingDiv.style.top = (outerBodyDiv.getBoundingClientRect().top + window.pageYOffset) + "px";
loadingDiv.style.left = (outerBodyDiv.getBoundingClientRect().left + window.pageXOffset) + "px";
loadingDiv.style.width = outerBodyDiv.offsetWidth + "px";
loadingDiv.style.height = outerBodyDiv.offsetHeight + "px";
// Set CSS properties (robust, no calculations)
loadingDiv.style.position = 'fixed';
loadingDiv.style.opacity = '0.80';
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, .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 = 'none';
// legacy IE fallback (safe to keep)
loadingDiv.style.msFilter = "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
loadingDiv.style.filter = "alpha(opacity=80)";
loadingDiv.style.display = 'none';
// add to page body
outerBodyDiv.appendChild(loadingDiv);
jQuery.extend( true, jQuery.fn.dataTable.defaults, {
jQuery.extend(true, jQuery.fn.dataTable.defaults, {
"searching": false
});
</script>
<div id="select-repo-area">
<p><?php echo Text::_('COM_COMPONENTBUILDER_SELECT_A_REPOSITORY_TO_PULL_ITEMS_FROM'); ?>...</p>
<div class="uk-child-width-1-2@s uk-child-width-1-3@m" uk-grid>
<?php foreach ($repos as $repo): ?>
<?php echo $repo; ?>
<?php endforeach; ?>
<div id="select-repo-area" class="mb-4">
<p class="mb-3"><?php echo Text::_('COM_COMPONENTBUILDER_SELECT_A_REPOSITORY_TO_PULL_ITEMS_FROM'); ?>...</p>
<div class="container-fluid px-0">
<?php foreach ($repo_rows as $repo_row): ?>
<?php
$repo_count = count($repo_row);
if ($repo_count === 1)
{
$repo_column_class = 'col-12';
}
elseif ($repo_count === 2)
{
$repo_column_class = 'col-12 col-md-6';
}
elseif ($repo_count === 3)
{
$repo_column_class = 'col-12 col-md-4';
}
else
{
$repo_column_class = 'col-12 col-md-3';
}
?>
<div class="row g-3 mb-3">
<?php foreach ($repo_row as $repo): ?>
<div class="<?php echo $repo_column_class; ?>">
<?php echo $repo; ?>
</div>
<?php endforeach; ?>
</div>
<?php endforeach; ?>
</div>
</div>
<div id="select-powers-area" style="display: none">
<p><?php echo Text::sprintf('COM_COMPONENTBUILDER_SELECT_THE_S_ITEMS_TO_PULL', $area_name); ?>...</p>
<p class="mb-3"><?php echo Text::sprintf('COM_COMPONENTBUILDER_SELECT_THE_S_ITEMS_TO_PULL', $area_name); ?>...</p>
<?php echo LayoutHelper::render('powerpullselectiontable', ['area' => $area, 'headers' => $headers, 'id' => $table_id]); ?>
<div class="subhead">
<div class="btn-toolbar d-flex">
<joomla-toolbar-button>
<button type="button" id="pull-selected-powers" class="btn btn-primary" disable><?php echo Text::sprintf('COM_COMPONENTBUILDER_PULL_SELECTED_S_ITEMS', $area_name); ?></button>
</joomla-toolbar-button>
<joomla-toolbar-button>
<button type="button" id="back-to-select-repo" class="btn btn-info"><?php echo Text::_('COM_COMPONENTBUILDER_BACK_TO_REPOSITORY_SELECTION'); ?></button>
</joomla-toolbar-button>
<div class="subhead mt-3 mb-3">
<div class="btn-toolbar d-flex gap-2 flex-wrap">
<button type="button" id="pull-selected-powers" class="btn btn-primary" disabled><?php echo Text::sprintf('COM_COMPONENTBUILDER_PULL_SELECTED_S_ITEMS', $area_name); ?></button>
<button type="button" id="back-to-select-repo" class="btn btn-outline-secondary"><?php echo Text::_('COM_COMPONENTBUILDER_BACK_TO_REPOSITORY_SELECTION'); ?></button>
</div>
</div>
</div>
<script type="text/javascript">
// the search Ajax URLs
const UrlAjax = '<?php echo $url_base; ?>&format=json&raw=true&<?php echo Session::getFormToken(); ?>=1&task=ajax.';
// fix the night mode scheme
document.addEventListener("DOMContentLoaded", () => {
const html = document.documentElement;
const colorScheme = html.getAttribute('data-color-scheme');
if (colorScheme === 'dark' || colorScheme === 'light') {
// Ensure only one scheme class is active
html.classList.remove('light', 'dark');
html.classList.add(colorScheme);
// Update repo selection cards based on color scheme
document.querySelectorAll('.repo-selection-card').forEach(card => {
card.classList.remove('uk-light', 'uk-dark', 'uk-background-secondary', 'uk-background-muted');
if (colorScheme === 'dark') {
card.classList.add('uk-light', 'uk-background-secondary');
} else {
card.classList.add('uk-dark', 'uk-background-muted');
}
});
}
});
</script>
<?php else: ?>
<div class="uk-alert-primary" uk-alert>
<div class="alert alert-primary" role="alert">
<?php echo Text::_('COM_COMPONENTBUILDER_NO_ACTIVE_REPOSITORIES_FOUND_FOR_THIS_AREA_YOU_CAN_ADD_REPOSITORIES_IN_THE_REPOSITORIES_SECTION_OF_JCB'); ?>
</div>
<?php endif; ?>