Component-Builder/admin/views/joomla_module/tmpl/edit.php

470 lines
19 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
*/
// No direct access to this file
defined('_JEXEC') or die('Restricted access');
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;
Html::addIncludePath(JPATH_COMPONENT.'/helpers/html');
Html::_('behavior.formvalidator');
Html::_('formbehavior.chosen', 'select');
Html::_('behavior.keepalive');
$componentParams = $this->params; // will be removed just use $this->params instead
?>
<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/import.gif') 50% 15% 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=edit&id='. (int) $this->item->id . $this->referral); ?>" method="post" name="adminForm" id="adminForm" class="form-validate" enctype="multipart/form-data">
<?php echo LayoutHelper::render('joomla_module.html_above', $this); ?>
<div class="form-horizontal">
<?php echo Html::_('bootstrap.startTabSet', 'joomla_moduleTab', ['active' => 'html', 'recall' => true]); ?>
<?php echo Html::_('bootstrap.addTab', 'joomla_moduleTab', 'html', Text::_('COM_COMPONENTBUILDER_JOOMLA_MODULE_HTML', true)); ?>
<div class="row-fluid form-horizontal-desktop">
<div class="span6">
<?php echo LayoutHelper::render('joomla_module.html_left', $this); ?>
</div>
<div class="span6">
<?php echo LayoutHelper::render('joomla_module.html_right', $this); ?>
</div>
</div>
<div class="row-fluid form-horizontal-desktop">
<div class="span12">
<?php echo LayoutHelper::render('joomla_module.html_fullwidth', $this); ?>
</div>
</div>
<?php echo Html::_('bootstrap.endTab'); ?>
<?php echo Html::_('bootstrap.addTab', 'joomla_moduleTab', 'code', Text::_('COM_COMPONENTBUILDER_JOOMLA_MODULE_CODE', true)); ?>
<div class="row-fluid form-horizontal-desktop">
<div class="span6">
<?php echo LayoutHelper::render('joomla_module.code_left', $this); ?>
</div>
<div class="span6">
<?php echo LayoutHelper::render('joomla_module.code_right', $this); ?>
</div>
</div>
<div class="row-fluid form-horizontal-desktop">
<div class="span12">
<?php echo LayoutHelper::render('joomla_module.code_fullwidth', $this); ?>
</div>
</div>
<?php echo Html::_('bootstrap.endTab'); ?>
<?php echo Html::_('bootstrap.addTab', 'joomla_moduleTab', 'helper', Text::_('COM_COMPONENTBUILDER_JOOMLA_MODULE_HELPER', true)); ?>
<div class="row-fluid form-horizontal-desktop">
<div class="span6">
<?php echo LayoutHelper::render('joomla_module.helper_left', $this); ?>
</div>
<div class="span6">
<?php echo LayoutHelper::render('joomla_module.helper_right', $this); ?>
</div>
</div>
<div class="row-fluid form-horizontal-desktop">
<div class="span12">
<?php echo LayoutHelper::render('joomla_module.helper_fullwidth', $this); ?>
</div>
</div>
<?php echo Html::_('bootstrap.endTab'); ?>
<?php echo Html::_('bootstrap.addTab', 'joomla_moduleTab', 'forms_fields', Text::_('COM_COMPONENTBUILDER_JOOMLA_MODULE_FORMS_FIELDS', true)); ?>
<div class="row-fluid form-horizontal-desktop">
</div>
<div class="row-fluid form-horizontal-desktop">
<div class="span12">
<?php echo LayoutHelper::render('joomla_module.forms_fields_fullwidth', $this); ?>
</div>
</div>
<?php echo Html::_('bootstrap.endTab'); ?>
<?php echo Html::_('bootstrap.addTab', 'joomla_moduleTab', 'script_file', Text::_('COM_COMPONENTBUILDER_JOOMLA_MODULE_SCRIPT_FILE', true)); ?>
<div class="row-fluid form-horizontal-desktop">
</div>
<div class="row-fluid form-horizontal-desktop">
<div class="span12">
<?php echo LayoutHelper::render('joomla_module.script_file_fullwidth', $this); ?>
</div>
</div>
<?php echo Html::_('bootstrap.endTab'); ?>
<?php echo Html::_('bootstrap.addTab', 'joomla_moduleTab', 'mysql', Text::_('COM_COMPONENTBUILDER_JOOMLA_MODULE_MYSQL', true)); ?>
<div class="row-fluid form-horizontal-desktop">
</div>
<div class="row-fluid form-horizontal-desktop">
<div class="span12">
<?php echo LayoutHelper::render('joomla_module.mysql_fullwidth', $this); ?>
</div>
</div>
<?php echo Html::_('bootstrap.endTab'); ?>
<?php echo Html::_('bootstrap.addTab', 'joomla_moduleTab', 'readme', Text::_('COM_COMPONENTBUILDER_JOOMLA_MODULE_README', true)); ?>
<div class="row-fluid form-horizontal-desktop">
<div class="span12">
<?php echo LayoutHelper::render('joomla_module.readme_left', $this); ?>
</div>
</div>
<?php echo Html::_('bootstrap.endTab'); ?>
<?php echo Html::_('bootstrap.addTab', 'joomla_moduleTab', 'dynamic_integration', Text::_('COM_COMPONENTBUILDER_JOOMLA_MODULE_DYNAMIC_INTEGRATION', true)); ?>
<div class="row-fluid form-horizontal-desktop">
<div class="span12">
<?php echo LayoutHelper::render('joomla_module.dynamic_integration_left', $this); ?>
</div>
</div>
<?php echo Html::_('bootstrap.endTab'); ?>
<?php $this->ignore_fieldsets = array('details','metadata','vdmmetadata','accesscontrol'); ?>
<?php $this->tab_name = 'joomla_moduleTab'; ?>
<?php echo LayoutHelper::render('joomla.edit.params', $this); ?>
<?php if ($this->canDo->get('joomla_module.edit.created_by') || $this->canDo->get('joomla_module.edit.created') || $this->canDo->get('joomla_module.edit.state') || ($this->canDo->get('joomla_module.delete') && $this->canDo->get('joomla_module.edit.state'))) : ?>
<?php echo Html::_('bootstrap.addTab', 'joomla_moduleTab', 'publishing', Text::_('COM_COMPONENTBUILDER_JOOMLA_MODULE_PUBLISHING', true)); ?>
<div class="row-fluid form-horizontal-desktop">
<div class="span6">
<?php echo LayoutHelper::render('joomla_module.publishing', $this); ?>
</div>
<div class="span6">
<?php echo LayoutHelper::render('joomla_module.publlshing', $this); ?>
</div>
</div>
<?php echo Html::_('bootstrap.endTab'); ?>
<?php endif; ?>
<?php if ($this->canDo->get('core.admin')) : ?>
<?php echo Html::_('bootstrap.addTab', 'joomla_moduleTab', 'permissions', Text::_('COM_COMPONENTBUILDER_JOOMLA_MODULE_PERMISSION', true)); ?>
<div class="row-fluid form-horizontal-desktop">
<div class="span12">
<fieldset class="adminform">
<div class="adminformlist">
<?php foreach ($this->form->getFieldset('accesscontrol') as $field): ?>
<div>
<?php echo $field->label; echo $field->input;?>
</div>
<div class="clearfix"></div>
<?php endforeach; ?>
</div>
</fieldset>
</div>
</div>
<?php echo Html::_('bootstrap.endTab'); ?>
<?php endif; ?>
<?php echo Html::_('bootstrap.endTabSet'); ?>
<div>
<input type="hidden" name="task" value="joomla_module.edit" />
<?php echo Html::_('form.token'); ?>
</div>
</div>
</form>
</div>
<script type="text/javascript">
// #jform_add_class_helper listeners for add_class_helper_vvvvvwj function
jQuery('#jform_add_class_helper').on('keyup',function()
{
var add_class_helper_vvvvvwj = jQuery("#jform_add_class_helper").val();
vvvvvwj(add_class_helper_vvvvvwj);
});
jQuery('#adminForm').on('change', '#jform_add_class_helper',function (e)
{
e.preventDefault();
var add_class_helper_vvvvvwj = jQuery("#jform_add_class_helper").val();
vvvvvwj(add_class_helper_vvvvvwj);
});
// #jform_add_class_helper_header listeners for add_class_helper_header_vvvvvwk function
jQuery('#jform_add_class_helper_header').on('keyup',function()
{
var add_class_helper_header_vvvvvwk = jQuery("#jform_add_class_helper_header input[type='radio']:checked").val();
var add_class_helper_vvvvvwk = jQuery("#jform_add_class_helper").val();
vvvvvwk(add_class_helper_header_vvvvvwk,add_class_helper_vvvvvwk);
});
jQuery('#adminForm').on('change', '#jform_add_class_helper_header',function (e)
{
e.preventDefault();
var add_class_helper_header_vvvvvwk = jQuery("#jform_add_class_helper_header input[type='radio']:checked").val();
var add_class_helper_vvvvvwk = jQuery("#jform_add_class_helper").val();
vvvvvwk(add_class_helper_header_vvvvvwk,add_class_helper_vvvvvwk);
});
// #jform_add_class_helper listeners for add_class_helper_vvvvvwk function
jQuery('#jform_add_class_helper').on('keyup',function()
{
var add_class_helper_header_vvvvvwk = jQuery("#jform_add_class_helper_header input[type='radio']:checked").val();
var add_class_helper_vvvvvwk = jQuery("#jform_add_class_helper").val();
vvvvvwk(add_class_helper_header_vvvvvwk,add_class_helper_vvvvvwk);
});
jQuery('#adminForm').on('change', '#jform_add_class_helper',function (e)
{
e.preventDefault();
var add_class_helper_header_vvvvvwk = jQuery("#jform_add_class_helper_header input[type='radio']:checked").val();
var add_class_helper_vvvvvwk = jQuery("#jform_add_class_helper").val();
vvvvvwk(add_class_helper_header_vvvvvwk,add_class_helper_vvvvvwk);
});
// #jform_update_server_target listeners for update_server_target_vvvvvwm function
jQuery('#jform_update_server_target').on('keyup',function()
{
var update_server_target_vvvvvwm = jQuery("#jform_update_server_target input[type='radio']:checked").val();
var add_update_server_vvvvvwm = jQuery("#jform_add_update_server input[type='radio']:checked").val();
vvvvvwm(update_server_target_vvvvvwm,add_update_server_vvvvvwm);
});
jQuery('#adminForm').on('change', '#jform_update_server_target',function (e)
{
e.preventDefault();
var update_server_target_vvvvvwm = jQuery("#jform_update_server_target input[type='radio']:checked").val();
var add_update_server_vvvvvwm = jQuery("#jform_add_update_server input[type='radio']:checked").val();
vvvvvwm(update_server_target_vvvvvwm,add_update_server_vvvvvwm);
});
// #jform_add_update_server listeners for add_update_server_vvvvvwm function
jQuery('#jform_add_update_server').on('keyup',function()
{
var update_server_target_vvvvvwm = jQuery("#jform_update_server_target input[type='radio']:checked").val();
var add_update_server_vvvvvwm = jQuery("#jform_add_update_server input[type='radio']:checked").val();
vvvvvwm(update_server_target_vvvvvwm,add_update_server_vvvvvwm);
});
jQuery('#adminForm').on('change', '#jform_add_update_server',function (e)
{
e.preventDefault();
var update_server_target_vvvvvwm = jQuery("#jform_update_server_target input[type='radio']:checked").val();
var add_update_server_vvvvvwm = jQuery("#jform_add_update_server input[type='radio']:checked").val();
vvvvvwm(update_server_target_vvvvvwm,add_update_server_vvvvvwm);
});
// #jform_add_update_server listeners for add_update_server_vvvvvwn function
jQuery('#jform_add_update_server').on('keyup',function()
{
var add_update_server_vvvvvwn = jQuery("#jform_add_update_server input[type='radio']:checked").val();
var update_server_target_vvvvvwn = jQuery("#jform_update_server_target input[type='radio']:checked").val();
vvvvvwn(add_update_server_vvvvvwn,update_server_target_vvvvvwn);
});
jQuery('#adminForm').on('change', '#jform_add_update_server',function (e)
{
e.preventDefault();
var add_update_server_vvvvvwn = jQuery("#jform_add_update_server input[type='radio']:checked").val();
var update_server_target_vvvvvwn = jQuery("#jform_update_server_target input[type='radio']:checked").val();
vvvvvwn(add_update_server_vvvvvwn,update_server_target_vvvvvwn);
});
// #jform_update_server_target listeners for update_server_target_vvvvvwn function
jQuery('#jform_update_server_target').on('keyup',function()
{
var add_update_server_vvvvvwn = jQuery("#jform_add_update_server input[type='radio']:checked").val();
var update_server_target_vvvvvwn = jQuery("#jform_update_server_target input[type='radio']:checked").val();
vvvvvwn(add_update_server_vvvvvwn,update_server_target_vvvvvwn);
});
jQuery('#adminForm').on('change', '#jform_update_server_target',function (e)
{
e.preventDefault();
var add_update_server_vvvvvwn = jQuery("#jform_add_update_server input[type='radio']:checked").val();
var update_server_target_vvvvvwn = jQuery("#jform_update_server_target input[type='radio']:checked").val();
vvvvvwn(add_update_server_vvvvvwn,update_server_target_vvvvvwn);
});
// #jform_update_server_target listeners for update_server_target_vvvvvwo function
jQuery('#jform_update_server_target').on('keyup',function()
{
var update_server_target_vvvvvwo = jQuery("#jform_update_server_target input[type='radio']:checked").val();
var add_update_server_vvvvvwo = jQuery("#jform_add_update_server input[type='radio']:checked").val();
vvvvvwo(update_server_target_vvvvvwo,add_update_server_vvvvvwo);
});
jQuery('#adminForm').on('change', '#jform_update_server_target',function (e)
{
e.preventDefault();
var update_server_target_vvvvvwo = jQuery("#jform_update_server_target input[type='radio']:checked").val();
var add_update_server_vvvvvwo = jQuery("#jform_add_update_server input[type='radio']:checked").val();
vvvvvwo(update_server_target_vvvvvwo,add_update_server_vvvvvwo);
});
// #jform_add_update_server listeners for add_update_server_vvvvvwo function
jQuery('#jform_add_update_server').on('keyup',function()
{
var update_server_target_vvvvvwo = jQuery("#jform_update_server_target input[type='radio']:checked").val();
var add_update_server_vvvvvwo = jQuery("#jform_add_update_server input[type='radio']:checked").val();
vvvvvwo(update_server_target_vvvvvwo,add_update_server_vvvvvwo);
});
jQuery('#adminForm').on('change', '#jform_add_update_server',function (e)
{
e.preventDefault();
var update_server_target_vvvvvwo = jQuery("#jform_update_server_target input[type='radio']:checked").val();
var add_update_server_vvvvvwo = jQuery("#jform_add_update_server input[type='radio']:checked").val();
vvvvvwo(update_server_target_vvvvvwo,add_update_server_vvvvvwo);
});
// #jform_update_server_target listeners for update_server_target_vvvvvwq function
jQuery('#jform_update_server_target').on('keyup',function()
{
var update_server_target_vvvvvwq = jQuery("#jform_update_server_target input[type='radio']:checked").val();
var add_update_server_vvvvvwq = jQuery("#jform_add_update_server input[type='radio']:checked").val();
vvvvvwq(update_server_target_vvvvvwq,add_update_server_vvvvvwq);
});
jQuery('#adminForm').on('change', '#jform_update_server_target',function (e)
{
e.preventDefault();
var update_server_target_vvvvvwq = jQuery("#jform_update_server_target input[type='radio']:checked").val();
var add_update_server_vvvvvwq = jQuery("#jform_add_update_server input[type='radio']:checked").val();
vvvvvwq(update_server_target_vvvvvwq,add_update_server_vvvvvwq);
});
// #jform_add_update_server listeners for add_update_server_vvvvvwq function
jQuery('#jform_add_update_server').on('keyup',function()
{
var update_server_target_vvvvvwq = jQuery("#jform_update_server_target input[type='radio']:checked").val();
var add_update_server_vvvvvwq = jQuery("#jform_add_update_server input[type='radio']:checked").val();
vvvvvwq(update_server_target_vvvvvwq,add_update_server_vvvvvwq);
});
jQuery('#adminForm').on('change', '#jform_add_update_server',function (e)
{
e.preventDefault();
var update_server_target_vvvvvwq = jQuery("#jform_update_server_target input[type='radio']:checked").val();
var add_update_server_vvvvvwq = jQuery("#jform_add_update_server input[type='radio']:checked").val();
vvvvvwq(update_server_target_vvvvvwq,add_update_server_vvvvvwq);
});
jQuery('#jform_snippet').closest('.input-append').addClass('jform_snippet_input_width');
jQuery(function() {
jQuery("code").click(function() {
jQuery(this).selText().addClass("selected");
});
});
jQuery('#adminForm').on('change', '#jform_custom_get',function (e) {
e.preventDefault();
// load the dynamic get include with the needed initiation
setModuleCode();
});
jQuery('#adminForm').on('change', '#jform_add_class_helper',function (e) {
e.preventDefault();
// load the dynamic helper include with the needed initiation
setModuleCode();
});
jQuery('#adminForm').on('change', '#jform_libraries',function (e) {
e.preventDefault();
// get the snippets of the selected libraries
getSnippets();
// load the dynamic media placeholders if needed
setModuleCode();
});
jQuery.fn.selText = function() {
var obj = this[0];
if (jQuery.browser.msie) {
var range = obj.offsetParent.createTextRange();
range.moveToElementText(obj);
range.select();
} else if (jQuery.browser.mozilla || $.browser.opera) {
var selection = obj.ownerDocument.defaultView.getSelection();
var range = obj.ownerDocument.createRange();
range.selectNodeContents(obj);
selection.removeAllRanges();
selection.addRange(range);
} else if (jQuery.browser.safari) {
var selection = obj.ownerDocument.defaultView.getSelection();
selection.setBaseAndExtent(obj, 0, obj, 1);
}
return this;
}
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();
getSnippetDetails(snippetId);
});
// 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'); ?>';
<?php
$app = Factory::getApplication();
?>
function JRouter(link) {
<?php
if ($app->isClient('site'))
{
echo 'var url = "'. \Joomla\CMS\Uri\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>