Files
Component-Builder/admin/tmpl/site_view/default.php
Robot 64bc4327eb Release of v4.1.1-beta2
Adds new JCB package engine. Fix issue with loading the Component Builder Wiki. Adds advanced version update notice to the Component Builder Dashboard. Completely refactors the class that builds the Component Dashboard. #1134. Adds Initialize, Reset, and Push functionality to the Repository entities. Completely refactors the SQL teaks and SQL dump classes. Changes J4 fields to allow NULL. Fix a bug in Dynamic Get JavaScript that causes table columns to not load.
2025-06-27 10:36:15 +00:00

464 lines
16 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('site_view.details_above', $this); ?>
<div class="main-card">
<div class="row">
<div class="col-md-9">
<?php echo Html::_('uitab.startTabSet', 'site_viewTab', ['active' => 'details', 'recall' => true]); ?>
<?php echo Html::_('uitab.addTab', 'site_viewTab', 'details', Text::_('COM_COMPONENTBUILDER_SITE_VIEW_DETAILS', true)); ?>
<div class="row">
<div class="col-md-6">
<?php echo LayoutHelper::render('site_view.details_left', $this); ?>
</div>
<div class="col-md-6">
<?php echo LayoutHelper::render('site_view.details_right', $this); ?>
</div>
</div>
<div class="row">
<div class="col-md-12">
<?php echo LayoutHelper::render('site_view.details_fullwidth', $this); ?>
</div>
</div>
<?php echo Html::_('uitab.endTab'); ?>
<?php echo Html::_('uitab.addTab', 'site_viewTab', 'custom_buttons', Text::_('COM_COMPONENTBUILDER_SITE_VIEW_CUSTOM_BUTTONS', true)); ?>
<div class="row">
<div class="col-md-6">
<?php echo LayoutHelper::render('site_view.custom_buttons_left', $this); ?>
</div>
<div class="col-md-6">
<?php echo LayoutHelper::render('site_view.custom_buttons_right', $this); ?>
</div>
</div>
<div class="row">
<div class="col-md-12">
<?php echo LayoutHelper::render('site_view.custom_buttons_fullwidth', $this); ?>
</div>
</div>
<?php echo Html::_('uitab.endTab'); ?>
<?php echo Html::_('uitab.addTab', 'site_viewTab', 'javascript_css', Text::_('COM_COMPONENTBUILDER_SITE_VIEW_JAVASCRIPT_CSS', true)); ?>
<div class="row">
</div>
<div class="row">
<div class="col-md-12">
<?php echo LayoutHelper::render('site_view.javascript_css_fullwidth', $this); ?>
</div>
</div>
<?php echo Html::_('uitab.endTab'); ?>
<?php echo Html::_('uitab.addTab', 'site_viewTab', 'php', Text::_('COM_COMPONENTBUILDER_SITE_VIEW_PHP', true)); ?>
<div class="row">
</div>
<div class="row">
<div class="col-md-12">
<?php echo LayoutHelper::render('site_view.php_fullwidth', $this); ?>
</div>
</div>
<?php echo Html::_('uitab.endTab'); ?>
<?php echo Html::_('uitab.addTab', 'site_viewTab', 'linked_components', Text::_('COM_COMPONENTBUILDER_SITE_VIEW_LINKED_COMPONENTS', true)); ?>
<div class="row">
</div>
<div class="row">
<div class="col-md-12">
<?php echo LayoutHelper::render('site_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 = 'site_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', 'site_viewTab', 'publishing', Text::_('COM_COMPONENTBUILDER_SITE_VIEW_PUBLISHING', true)); ?>
<div class="row">
<div class="col-md-6">
<?php echo LayoutHelper::render('site_view.publishing', $this); ?>
</div>
<div class="col-md-6">
<?php echo LayoutHelper::render('site_view.publlshing', $this); ?>
</div>
</div>
<?php echo Html::_('uitab.endTab'); ?>
<?php endif; ?>
<?php if ($this->canDo->get('core.admin')) : ?>
<?php echo Html::_('uitab.addTab', 'site_viewTab', 'permissions', Text::_('COM_COMPONENTBUILDER_SITE_VIEW_PERMISSION', true)); ?>
<div class="row">
<div class="col-md-12">
<fieldset id="fieldset-rules" class="options-form">
<legend><?php echo Text::_('COM_COMPONENTBUILDER_SITE_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="site_view.edit" />
<?php echo Html::_('form.token'); ?>
</div>
</div>
<div class="col-md-3"><div class="m-md-3">
<?php echo LayoutHelper::render('site_view.details_rightside', $this); ?>
</div></div>
</div>
</div>
<div class="clearfix"></div>
<?php echo LayoutHelper::render('site_view.details_under', $this); ?>
</form>
</div>
<script type="text/javascript">
// #jform_add_php_view listeners for add_php_view_vvvvvyr function
jQuery('#jform_add_php_view').on('keyup',function()
{
var add_php_view_vvvvvyr = jQuery("#jform_add_php_view input[type='radio']:checked").val();
vvvvvyr(add_php_view_vvvvvyr);
});
jQuery('#adminForm').on('change', '#jform_add_php_view',function (e)
{
e.preventDefault();
var add_php_view_vvvvvyr = jQuery("#jform_add_php_view input[type='radio']:checked").val();
vvvvvyr(add_php_view_vvvvvyr);
});
// #jform_add_php_jview_display listeners for add_php_jview_display_vvvvvys function
jQuery('#jform_add_php_jview_display').on('keyup',function()
{
var add_php_jview_display_vvvvvys = jQuery("#jform_add_php_jview_display input[type='radio']:checked").val();
vvvvvys(add_php_jview_display_vvvvvys);
});
jQuery('#adminForm').on('change', '#jform_add_php_jview_display',function (e)
{
e.preventDefault();
var add_php_jview_display_vvvvvys = jQuery("#jform_add_php_jview_display input[type='radio']:checked").val();
vvvvvys(add_php_jview_display_vvvvvys);
});
// #jform_add_php_jview listeners for add_php_jview_vvvvvyt function
jQuery('#jform_add_php_jview').on('keyup',function()
{
var add_php_jview_vvvvvyt = jQuery("#jform_add_php_jview input[type='radio']:checked").val();
vvvvvyt(add_php_jview_vvvvvyt);
});
jQuery('#adminForm').on('change', '#jform_add_php_jview',function (e)
{
e.preventDefault();
var add_php_jview_vvvvvyt = jQuery("#jform_add_php_jview input[type='radio']:checked").val();
vvvvvyt(add_php_jview_vvvvvyt);
});
// #jform_add_php_document listeners for add_php_document_vvvvvyu function
jQuery('#jform_add_php_document').on('keyup',function()
{
var add_php_document_vvvvvyu = jQuery("#jform_add_php_document input[type='radio']:checked").val();
vvvvvyu(add_php_document_vvvvvyu);
});
jQuery('#adminForm').on('change', '#jform_add_php_document',function (e)
{
e.preventDefault();
var add_php_document_vvvvvyu = jQuery("#jform_add_php_document input[type='radio']:checked").val();
vvvvvyu(add_php_document_vvvvvyu);
});
// #jform_add_css_document listeners for add_css_document_vvvvvyv function
jQuery('#jform_add_css_document').on('keyup',function()
{
var add_css_document_vvvvvyv = jQuery("#jform_add_css_document input[type='radio']:checked").val();
vvvvvyv(add_css_document_vvvvvyv);
});
jQuery('#adminForm').on('change', '#jform_add_css_document',function (e)
{
e.preventDefault();
var add_css_document_vvvvvyv = jQuery("#jform_add_css_document input[type='radio']:checked").val();
vvvvvyv(add_css_document_vvvvvyv);
});
// #jform_add_javascript_file listeners for add_javascript_file_vvvvvyw function
jQuery('#jform_add_javascript_file').on('keyup',function()
{
var add_javascript_file_vvvvvyw = jQuery("#jform_add_javascript_file input[type='radio']:checked").val();
vvvvvyw(add_javascript_file_vvvvvyw);
});
jQuery('#adminForm').on('change', '#jform_add_javascript_file',function (e)
{
e.preventDefault();
var add_javascript_file_vvvvvyw = jQuery("#jform_add_javascript_file input[type='radio']:checked").val();
vvvvvyw(add_javascript_file_vvvvvyw);
});
// #jform_add_js_document listeners for add_js_document_vvvvvyx function
jQuery('#jform_add_js_document').on('keyup',function()
{
var add_js_document_vvvvvyx = jQuery("#jform_add_js_document input[type='radio']:checked").val();
vvvvvyx(add_js_document_vvvvvyx);
});
jQuery('#adminForm').on('change', '#jform_add_js_document',function (e)
{
e.preventDefault();
var add_js_document_vvvvvyx = jQuery("#jform_add_js_document input[type='radio']:checked").val();
vvvvvyx(add_js_document_vvvvvyx);
});
// #jform_add_css listeners for add_css_vvvvvyy function
jQuery('#jform_add_css').on('keyup',function()
{
var add_css_vvvvvyy = jQuery("#jform_add_css input[type='radio']:checked").val();
vvvvvyy(add_css_vvvvvyy);
});
jQuery('#adminForm').on('change', '#jform_add_css',function (e)
{
e.preventDefault();
var add_css_vvvvvyy = jQuery("#jform_add_css input[type='radio']:checked").val();
vvvvvyy(add_css_vvvvvyy);
});
// #jform_add_php_ajax listeners for add_php_ajax_vvvvvyz function
jQuery('#jform_add_php_ajax').on('keyup',function()
{
var add_php_ajax_vvvvvyz = jQuery("#jform_add_php_ajax input[type='radio']:checked").val();
vvvvvyz(add_php_ajax_vvvvvyz);
});
jQuery('#adminForm').on('change', '#jform_add_php_ajax',function (e)
{
e.preventDefault();
var add_php_ajax_vvvvvyz = jQuery("#jform_add_php_ajax input[type='radio']:checked").val();
vvvvvyz(add_php_ajax_vvvvvyz);
});
// #jform_add_custom_button listeners for add_custom_button_vvvvvza function
jQuery('#jform_add_custom_button').on('keyup',function()
{
var add_custom_button_vvvvvza = jQuery("#jform_add_custom_button input[type='radio']:checked").val();
vvvvvza(add_custom_button_vvvvvza);
});
jQuery('#adminForm').on('change', '#jform_add_custom_button',function (e)
{
e.preventDefault();
var add_custom_button_vvvvvza = jQuery("#jform_add_custom_button input[type='radio']:checked").val();
vvvvvza(add_custom_button_vvvvvza);
});
// #jform_button_position listeners for button_position_vvvvvzb function
jQuery('#jform_button_position').on('keyup',function()
{
var button_position_vvvvvzb = jQuery("#jform_button_position").val();
vvvvvzb(button_position_vvvvvzb);
});
jQuery('#adminForm').on('change', '#jform_button_position',function (e)
{
e.preventDefault();
var button_position_vvvvvzb = jQuery("#jform_button_position").val();
vvvvvzb(button_position_vvvvvzb);
});
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);
}
}
});
// Execute these functions on page load
const snippetElement = document.querySelector("#jform_snippet");
const snippetElementValue = snippetElement.value
if (snippetElement && snippetElementValue) {
getSnippetDetails(snippetElementValue);
}
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>