|
|
|
@@ -96,16 +96,25 @@ HTMLHelper::_('behavior.formvalidator');
|
|
|
|
|
<div class="mb-3">
|
|
|
|
|
<label for="set-question-category" class="form-label"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_SET_CATEGORY_FILTER'); ?></label>
|
|
|
|
|
<select id="set-question-category" class="form-select">
|
|
|
|
|
<option value="__choose" selected><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_SET_CHOOSE_CATEGORY'); ?></option>
|
|
|
|
|
<option value=""><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_SET_ALL_CATEGORIES'); ?></option>
|
|
|
|
|
<?php foreach ($this->categories as $category) : ?>
|
|
|
|
|
<option value="<?php echo (int) $category->id; ?>"><?php echo $this->escape($category->title); ?></option>
|
|
|
|
|
<?php endforeach; ?>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="mb-3">
|
|
|
|
|
<label for="set-question-ids" class="form-label"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_SET_ID_FILTER'); ?></label>
|
|
|
|
|
<input type="text" id="set-question-ids" class="form-control" placeholder="<?php echo $this->escape(\Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_SET_ID_FILTER_HINT')); ?>" inputmode="numeric">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-check mb-2">
|
|
|
|
|
<input class="form-check-input" type="checkbox" id="set-question-select-visible">
|
|
|
|
|
<label class="form-check-label" for="set-question-select-visible"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_SET_SELECT_ALL_VISIBLE'); ?></label>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="set-available-question-list" class="border rounded p-3">
|
|
|
|
|
<?php foreach ($this->questions as $question) : ?>
|
|
|
|
|
<?php if (in_array((int) $question->id, array_map('intval', (array) $this->item->question_ids), true)) continue; ?>
|
|
|
|
|
<div class="form-check set-available-question-row" data-category="<?php echo (int) $question->category_id; ?>">
|
|
|
|
|
<div class="form-check set-available-question-row" data-category="<?php echo (int) $question->category_id; ?>" data-id="<?php echo (int) $question->id; ?>">
|
|
|
|
|
<input class="form-check-input" type="checkbox" name="jform[question_ids][]" value="<?php echo (int) $question->id; ?>" id="set-question-<?php echo (int) $question->id; ?>">
|
|
|
|
|
<label class="form-check-label" for="set-question-<?php echo (int) $question->id; ?>">
|
|
|
|
|
<span class="badge bg-secondary"><?php echo $this->escape($question->category_title ?: \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_UNCATEGORIZED')); ?></span>
|
|
|
|
@@ -181,17 +190,52 @@ document.addEventListener('DOMContentLoaded', function () {
|
|
|
|
|
<script>
|
|
|
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
|
|
|
const filter = document.getElementById('set-question-category');
|
|
|
|
|
const idFilter = document.getElementById('set-question-ids');
|
|
|
|
|
const selectVisible = document.getElementById('set-question-select-visible');
|
|
|
|
|
const rows = document.querySelectorAll('.set-available-question-row');
|
|
|
|
|
|
|
|
|
|
if (!filter) {
|
|
|
|
|
if (!filter || !idFilter || !selectVisible) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
filter.addEventListener('change', function () {
|
|
|
|
|
const visibleRows = function () {
|
|
|
|
|
return Array.from(rows).filter(function (row) { return !row.classList.contains('d-none'); });
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const updateSelectVisible = function () {
|
|
|
|
|
const checkboxes = visibleRows().map(function (row) { return row.querySelector('input[type="checkbox"]'); });
|
|
|
|
|
const checkedCount = checkboxes.filter(function (checkbox) { return checkbox.checked; }).length;
|
|
|
|
|
selectVisible.checked = checkboxes.length > 0 && checkedCount === checkboxes.length;
|
|
|
|
|
selectVisible.indeterminate = checkedCount > 0 && checkedCount < checkboxes.length;
|
|
|
|
|
selectVisible.disabled = checkboxes.length === 0;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const applyFilters = function () {
|
|
|
|
|
const requestedIds = idFilter.value
|
|
|
|
|
.split(',')
|
|
|
|
|
.map(function (value) { return value.trim(); })
|
|
|
|
|
.filter(function (value) { return value !== ''; });
|
|
|
|
|
|
|
|
|
|
rows.forEach(function (row) {
|
|
|
|
|
row.classList.toggle('d-none', filter.value !== '' && row.dataset.category !== filter.value);
|
|
|
|
|
const matchesCategory = filter.value !== '__choose' && (filter.value === '' || row.dataset.category === filter.value);
|
|
|
|
|
const matchesId = requestedIds.length === 0 || requestedIds.includes(row.dataset.id);
|
|
|
|
|
row.classList.toggle('d-none', !matchesCategory || !matchesId);
|
|
|
|
|
});
|
|
|
|
|
updateSelectVisible();
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
filter.addEventListener('change', applyFilters);
|
|
|
|
|
idFilter.addEventListener('input', applyFilters);
|
|
|
|
|
selectVisible.addEventListener('change', function () {
|
|
|
|
|
visibleRows().forEach(function (row) {
|
|
|
|
|
row.querySelector('input[type="checkbox"]').checked = selectVisible.checked;
|
|
|
|
|
});
|
|
|
|
|
updateSelectVisible();
|
|
|
|
|
});
|
|
|
|
|
rows.forEach(function (row) {
|
|
|
|
|
row.querySelector('input[type="checkbox"]').addEventListener('change', updateSelectVisible);
|
|
|
|
|
});
|
|
|
|
|
applyFilters();
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
<script>
|
|
|
|
|