forked from joomla/Component-Builder
Robot
2f64eec95b
Fix the search area layout. Fix the search area code line selection. Fix the input edit button for custom fields. Add the new layout to list fields (GUI UPDATE). Start fixing the field view in Joomla 5. #1096.
365 lines
14 KiB
PHP
365 lines
14 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 VDM\Joomla\Utilities\ArrayHelper;
|
|
|
|
/** @var Joomla\CMS\WebAsset\WebAssetManager $wa */
|
|
$wa = $this->getDocument()->getWebAssetManager();
|
|
$wa->useScript('keepalive')->useScript('form.validate');
|
|
Html::_('bootstrap.tooltip');
|
|
use Joomla\CMS\Session\Session;
|
|
|
|
// No direct access to this file
|
|
defined('_JEXEC') or die;
|
|
|
|
// allow main menu selection
|
|
$this->app->input->set('hidemainmenu', false);
|
|
|
|
// set the basu URL
|
|
$url_base = \JUri::base() . 'index.php?option=com_componentbuilder';
|
|
$url_search = $url_base . '&view=search';
|
|
|
|
// get main search input field
|
|
$search_value = $this->form->getField('search_value');
|
|
|
|
?>
|
|
<?php if ($this->canDo->get('search.access')): ?>
|
|
<script type="text/javascript">
|
|
Joomla.submitbutton = function(task) {
|
|
if (task === 'search.back') {
|
|
parent.history.back();
|
|
return false;
|
|
} else {
|
|
var form = document.getElementById('adminForm');
|
|
form.task.value = task;
|
|
form.submit();
|
|
}
|
|
}
|
|
</script>
|
|
<?php $urlId = (isset($this->item->id)) ? '&id='. (int) $this->item->id : ''; ?>
|
|
|
|
<div class="main-card p-md-3">
|
|
<?php if ($this->form): ?>
|
|
<form action="<?php echo Route::_($url_search); ?>" method="post"
|
|
name="adminForm" id="adminForm" class="form-validate" enctype="multipart/form-data">
|
|
<div class="row col-md-12">
|
|
<div class="row" id="search_progress_block" style="display: none">
|
|
<div class="uk-progress uk-progress-striped uk-active">
|
|
<div id="search_progress_bar" class="uk-progress-bar" style="width: 0%;">0%</div>
|
|
</div>
|
|
</div>
|
|
<div class="row" id="replace_progress_block" style="display: none">
|
|
<div class="uk-progress uk-progress-small uk-progress-danger uk-progress-striped uk-active">
|
|
<div id="replace_progress_bar" class="uk-progress-bar" style="width: 0%;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="row" id="search_details_block" style="display: none">
|
|
<span id="search_details">
|
|
<span class="search_details_title"><?php echo Text::_('COM_COMPONENTBUILDER_SEARCHED_FOR'); ?></span>:
|
|
[<span id="searched" class="found_code">....</span>]
|
|
</span>
|
|
<span id="replace_details" style="display: none">
|
|
<span class="search_details_title"><?php echo Text::_('COM_COMPONENTBUILDER_REPLACED_WITH'); ?></span>:
|
|
[<span id="replaced" class="found_code">....</span>]
|
|
</span>
|
|
<div class="btn-group" style="float: right;">
|
|
<button style="display: none;" type="button" onclick="replaceAllCheck();" class="update_all_block hasTooltip btn button-new btn-danger"
|
|
title="<?php echo Text::_('COM_COMPONENTBUILDER_UPDATE_ALL_ITEMS_FOUND_WITH_THIS_DATABASE_SEARCH_WITH_THE_REPLACE_VALUE'); ?>">
|
|
<span class="icon-database icon-white" aria-hidden="true"></span>
|
|
<?php echo Text::_('COM_COMPONENTBUILDER_UPDATE_ALL'); ?>
|
|
</button>
|
|
<button type="button" onclick="showSearch();" class="btn button-new btn-success">
|
|
<span class="icon-search icon-white" aria-hidden="true"></span>
|
|
<?php echo Text::_('COM_COMPONENTBUILDER_SEARCH_DATABASE_AGAIN'); ?>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="row" id="search_settings_block">
|
|
<div class="col-md-7">
|
|
<div class="my-md-2">
|
|
<?php echo $this->form->renderField('type_search'); ?>
|
|
<div class="btn-wrapper input-group">
|
|
<?php echo $search_value->input; ?>
|
|
<button id="start_search_button" onclick="startSearch(this, true);" type="button" class="btn btn-outline-success button-select hasTooltip"
|
|
title="<?php echo Html::_('tooltipText', 'COM_COMPONENTBUILDER_START_A_SEARCH'); ?>"
|
|
aria-label="<?php echo Text::_('COM_COMPONENTBUILDER_START_A_SEARCH'); ?>">
|
|
<span class="icon-search" aria-hidden="true"></span>
|
|
</button>
|
|
<button id="stop_search_button" onclick="stopSearch();" type="button" class="btn btn-danger button-select hasTooltip" style="display: none"
|
|
title="<?php echo Html::_('tooltipText', 'COM_COMPONENTBUILDER_STOP_A_SEARCH'); ?>"
|
|
aria-label="<?php echo Text::_('COM_COMPONENTBUILDER_STOP_A_SEARCH'); ?>">
|
|
<span class="icon-stop" aria-hidden="true"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="my-md-2">
|
|
<?php echo $this->form->renderField('replace_value'); ?>
|
|
</div>
|
|
<div class="update_all_block" style="display: none;">
|
|
<button type="button" onclick="replaceAllCheck();" class="hasTooltip btn btn-small button-new btn-danger col-md-12"
|
|
title="<?php echo Text::_('COM_COMPONENTBUILDER_UPDATE_ALL_ITEMS_FOUND_WITH_THIS_DATABASE_SEARCH_WITH_THE_REPLACE_VALUE'); ?>">
|
|
<span class="icon-database icon-white" aria-hidden="true"></span>
|
|
<?php echo Text::_('COM_COMPONENTBUILDER_UPDATE_ALL'); ?>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<?php echo $this->form->renderFieldset('settings'); ?>
|
|
</div>
|
|
</div>
|
|
<div class="row" id="search_results_block">
|
|
<hr>
|
|
<div id="search_results_table_block">
|
|
<?php echo LayoutHelper::render('table', [
|
|
'id' => 'search_results_table',
|
|
'headers' => $this->table_headers,
|
|
'items' => 7,
|
|
'init' => false,
|
|
'table_class' => "table table-striped",
|
|
'table_container_class' => "overflow-x-auto"
|
|
]); ?>
|
|
</div>
|
|
</div>
|
|
<div class="row" id="item_view_block">
|
|
<div id="item_notice_block" style="display: none">
|
|
<hr>
|
|
<span id="item_edit_button"></span>
|
|
<?php echo Text::_('COM_COMPONENTBUILDER_TABLE'); ?>: <b><span id="item_table_name">
|
|
</span></b>(<?php echo Text::_('COM_COMPONENTBUILDER_ID'); ?>:<b><span id="item_row_id">
|
|
</span></b>) |
|
|
<?php echo Text::_('COM_COMPONENTBUILDER_FIELD'); ?>: <b><span id="item_field_name">
|
|
</span></b>(<?php echo Text::_('COM_COMPONENTBUILDER_LINE'); ?>:<b><span id="item_line_number">
|
|
</span></b>)
|
|
<button type="button" id="item_button_update" onclick="" class="hasTooltip btn btn-small button-new btn-success"
|
|
title="<?php echo Text::_('COM_COMPONENTBUILDER_SAVE_ALL_CHANGES_MADE_TO_THE_SELECTED_ITEM'); ?>">
|
|
<?php echo Text::_('COM_COMPONENTBUILDER_SAVE_ITEM'); ?>
|
|
</button>
|
|
</div>
|
|
<hr>
|
|
<?php echo $this->form->getInput('item_code'); ?>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" name="task" value="" />
|
|
<?php echo Html::_('form.token'); ?>
|
|
</form>
|
|
<?php endif; ?>
|
|
</div>
|
|
<?php if (isset($this->item['tables']) && ArrayHelper::check($this->item['tables'])) : ?>
|
|
<script>
|
|
// To class="uk-autoload uk-progress" UIkit.notify
|
|
|
|
// get search table values
|
|
const searchTables = <?php echo json_encode($this->item['tables']); ?>;
|
|
|
|
// the search Ajax URLs
|
|
const UrlAjax = '<?php echo $url_base; ?>&format=json&raw=true&<?php echo Session::getFormToken(); ?>=1&task=ajax.';
|
|
|
|
// the search URL
|
|
const UrlSearch = '<?php echo $url_search; ?>';
|
|
|
|
// make sure our controller is set
|
|
let controller = null;
|
|
let controller_replace = null;
|
|
|
|
// some counters
|
|
var fieldCount = 0;
|
|
var lineCount = 0;
|
|
|
|
// start search time keepers
|
|
var startSearchTime, endSearchTime;
|
|
|
|
// active edit button of row selected
|
|
var editButtonSelected;
|
|
|
|
// get search progress area
|
|
const searchProgressObject = document.getElementById("search_progress_block");
|
|
const searchProgressBarObject = document.getElementById("search_progress_bar");
|
|
const replaceProgressObject = document.getElementById("replace_progress_block");
|
|
const replaceProgressBarObject = document.getElementById("replace_progress_bar");
|
|
|
|
// get search settings area
|
|
const searchSettingsObject = document.getElementById("search_settings_block");
|
|
const searchDetailsObject = document.getElementById("search_details_block");
|
|
const searchedObject = document.getElementById("searched");
|
|
|
|
// get replace settings area
|
|
const replaceDetailsObject = document.getElementById("replace_details");
|
|
const replacedObject = document.getElementById("replaced");
|
|
|
|
// set the search mode objects
|
|
const modeObject = document.getElementById("type_search");
|
|
const typeSearchObject = document.getElementById("type_search0");
|
|
const typeReplaceObject = document.getElementById("type_search1");
|
|
const typeSearchLabelObject = document.querySelector('[for=type_search0]');
|
|
const typeReplaceLabelObject = document.querySelector('[for=type_search1]');
|
|
|
|
// search buttons
|
|
const startSearchButton = document.getElementById("start_search_button");
|
|
const stopSearchButton = document.getElementById("stop_search_button");
|
|
|
|
// set the search settings objects
|
|
const searchObject = document.getElementById("search_value");
|
|
const replaceObject = document.getElementById("replace_value");
|
|
const matchObject = document.getElementById("search_behaviour0");
|
|
const wholeObject = document.getElementById("search_behaviour1");
|
|
const regexObject = document.getElementById("search_behaviour2");
|
|
const tableObject = document.getElementById("table_name");
|
|
|
|
// Do the search on key up of search or replace input elements
|
|
searchObject.onkeyup = startSearch;
|
|
|
|
// when the made changes and there is replace value do search
|
|
modeObject.onchange = startSearch;
|
|
replaceObject.onkeyup = startSearch;
|
|
|
|
// Do the search on key up of search input elements
|
|
matchObject.onchange = startSearch;
|
|
wholeObject.onchange = startSearch;
|
|
regexObject.onchange = startSearch;
|
|
tableObject.onchange = startSearch;
|
|
|
|
// set the item notice area
|
|
const itemNoticeObject = document.getElementById("item_notice_block");
|
|
const itemEditButtonObject = document.getElementById("item_edit_button");
|
|
const itemTableNameObject = document.getElementById("item_table_name");
|
|
const itemRowIdObject = document.getElementById("item_row_id");
|
|
const itemFieldNameObject = document.getElementById("item_field_name");
|
|
const itemLineNumberObject = document.getElementById("item_line_number");
|
|
|
|
// set the update buttons
|
|
const buttonUpdateItemObject = document.getElementById("item_button_update");
|
|
const buttonUpdateAllObject = document.querySelectorAll(".update_all_block");
|
|
|
|
// Define editorObject globally
|
|
var editorObject;
|
|
|
|
// Function to attempt to set the editorObject with a retry logic
|
|
function setEditorObject(retryCount = 0) {
|
|
if (Joomla.editors && Joomla.editors.instances && Joomla.editors.instances['item_code']) {
|
|
editorObject = Joomla.editors.instances['item_code'];
|
|
} else if (retryCount < 10) { // Retry up to 10 times with a delay
|
|
setTimeout(() => setEditorObject(retryCount + 1), 500);
|
|
} else {
|
|
console.log('Editor instance not found after retries.');
|
|
}
|
|
}
|
|
|
|
// try to find the editor
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
setEditorObject();
|
|
});
|
|
|
|
// configurations of the table
|
|
const tableConfigObject = {
|
|
responsive: true,
|
|
order: [[ 2, "asc" ]],
|
|
select: true,
|
|
paging: true,
|
|
deferRender: true,
|
|
lengthMenu: [5, 10, 20 ,50, 80, 100, 150, 200, 500, 1000, 1500, 2000],
|
|
pageLength: 80,
|
|
// pagingType: "scrolling", // NOT YET
|
|
scrollY: 170,
|
|
columnDefs: [
|
|
{ 'targets': [ 0 ], 'visible': false, 'searchable': false },
|
|
{ 'targets': [ 0, 1 ], type: 'html' },
|
|
{ responsivePriority: 1, targets: 1 },
|
|
{ responsivePriority: 2, targets: 2 },
|
|
{ responsivePriority: 3, targets: 3 }
|
|
],
|
|
columns: [
|
|
{
|
|
data: 'edit'
|
|
},
|
|
{
|
|
data: 'code'
|
|
},
|
|
{
|
|
data: 'table'
|
|
},
|
|
{
|
|
data: 'field'
|
|
},
|
|
{
|
|
data: 'id',
|
|
width: "15px",
|
|
className: "small_column"
|
|
},
|
|
{
|
|
data: 'line',
|
|
width: "15px",
|
|
className: "small_column"
|
|
}
|
|
]
|
|
};
|
|
|
|
// set some table object
|
|
var tableSearchObject;
|
|
var tableLengthObject;
|
|
var tableActiveObject;
|
|
|
|
// The Result Table Code
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
|
|
// init the table
|
|
let searchResultsTable = new DataTable('#search_results_table', tableConfigObject);
|
|
|
|
searchResultsTable.on( 'select', function ( e, dt, type, indexes ) {
|
|
if ( type === 'row' ) {
|
|
// get the data from the row
|
|
let data = searchResultsTable.rows( indexes ).data();
|
|
|
|
// get the item data
|
|
let item_id = data[0].id;
|
|
let item_table = data[0].table;
|
|
let item_field = data[0].field;
|
|
let item_line = data[0].line;
|
|
|
|
// set the active edit button
|
|
editButtonSelected = data[0].edit;
|
|
// set active row
|
|
tableActiveObject = searchResultsTable.row( indexes );
|
|
|
|
// get selected item
|
|
getSelectedItem(item_table, item_id, item_field, item_line);
|
|
|
|
// hide the search settings
|
|
hideSearch();
|
|
}
|
|
});
|
|
|
|
searchResultsTable.on( 'deselect', function ( e, dt, type, indexes ) {
|
|
if ( type === 'row' ) {
|
|
clearSelectedItem(false);
|
|
}
|
|
});
|
|
|
|
// set the table search object
|
|
tableSearchObject = document.getElementById("search_results_table_filter");
|
|
tableLengthObject = document.getElementById("search_results_table_length");
|
|
|
|
showSearch();
|
|
<?php if (strlen($this->urlvalues['search_value'] ?? '') > 0): ?>
|
|
startSearch(null, true);
|
|
<?php endif; ?>
|
|
});
|
|
</script>
|
|
<?php endif; ?>
|
|
<?php else: ?>
|
|
<h1><?php echo Text::_('COM_COMPONENTBUILDER_NO_ACCESS_GRANTED'); ?></h1>
|
|
<?php endif; ?>
|