Compare commits

..
4 Commits
Author SHA1 Message Date
Wojtek 1bed2d7dcc Add question set management 2026-10-15 16:30:43 +02:00
Wojtek 7d9c87bcb6 Tighten question and answer spacing 2026-10-15 13:08:26 +02:00
Wojtek b4af647616 Place question number beside text 2026-10-15 13:06:24 +02:00
Wojtek 252348a07f Expand frontend question layout 2026-10-15 13:01:37 +02:00
23 changed files with 555 additions and 8 deletions
+2 -1
View File
@@ -18,10 +18,11 @@ Szkielet komponentu Joomla 6 do gromadzenia pytań testowych.
- wskazanie poprawnej odpowiedzi, - wskazanie poprawnej odpowiedzi,
- opcjonalne zdjęcie wybierane z Media Managera, - opcjonalne zdjęcie wybierane z Media Managera,
- publikowanie, filtrowanie i usuwanie pytań w panelu administratora, - publikowanie, filtrowanie i usuwanie pytań w panelu administratora,
- tworzenie zestawów pytań w panelu administratora i przypisywanie do nich pytań,
- tabela `#__testquestions_questions` tworzona podczas instalacji. - tabela `#__testquestions_questions` tworzona podczas instalacji.
## Instalacja ## Instalacja
W Joomla wybierz **System → Install → Install from Folder** i wskaż ten katalog. Manifestem instalacyjnym jest `com_testquestions.xml` (wersja 1.8.0). W Joomla wybierz **System → Install → Install from Folder** i wskaż ten katalog. Manifestem instalacyjnym jest `com_testquestions.xml` (wersja 1.9.0).
Po instalacji komponent jest dostępny w panelu administratora jako **Pytania testowe**. Po instalacji komponent jest dostępny w panelu administratora jako **Pytania testowe**.
@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<form>
<fieldset name="details">
<field name="id" type="hidden" />
<field name="title" type="text" label="COM_TESTQUESTIONS_SET_TITLE" required="true" maxlength="255" />
<field name="description" type="textarea" label="COM_TESTQUESTIONS_SET_DESCRIPTION" rows="4" filter="raw" />
<field name="published" type="list" label="JSTATUS" default="1">
<option value="1">JPUBLISHED</option>
<option value="0">JUNPUBLISHED</option>
</field>
<field name="question_ids" type="sql" label="COM_TESTQUESTIONS_SET_QUESTIONS" multiple="true" layout="joomla.form.field.list-fancy-select" query="SELECT id, question FROM #__testquestions_questions ORDER BY ordering ASC, id ASC" key_field="id" value_field="question" translate_query="false" />
</fieldset>
</form>
@@ -45,3 +45,11 @@ COM_TESTQUESTIONS_ERROR_QUESTION_TYPE="Wybierz poprawny typ pytania."
COM_TESTQUESTIONS_ERROR_OPEN_PATTERN="Dla pytania otwartego wpisz wzorzec poprawnej odpowiedzi." COM_TESTQUESTIONS_ERROR_OPEN_PATTERN="Dla pytania otwartego wpisz wzorzec poprawnej odpowiedzi."
COM_TESTQUESTIONS_ERROR_ALL_ANSWERS="Dla pytania zamkniętego uzupełnij wszystkie cztery odpowiedzi." COM_TESTQUESTIONS_ERROR_ALL_ANSWERS="Dla pytania zamkniętego uzupełnij wszystkie cztery odpowiedzi."
COM_TESTQUESTIONS_ERROR_META="Wybierz poprawny czas i liczbę punktów." COM_TESTQUESTIONS_ERROR_META="Wybierz poprawny czas i liczbę punktów."
COM_TESTQUESTIONS_SETS="Zestawy pytań"
COM_TESTQUESTIONS_NEW_SET="Nowy zestaw pytań"
COM_TESTQUESTIONS_EDIT_SET="Edytuj zestaw pytań"
COM_TESTQUESTIONS_SET_TITLE="Nazwa zestawu"
COM_TESTQUESTIONS_SET_DESCRIPTION="Opis zestawu"
COM_TESTQUESTIONS_SET_QUESTIONS="Pytania w zestawie"
COM_TESTQUESTIONS_SET_QUESTION_COUNT="Liczba pytań"
COM_TESTQUESTIONS_SET_SEARCH="Szukaj zestawów..."
@@ -37,3 +37,26 @@ CREATE TABLE IF NOT EXISTS `#__testquestions_categories` (
INSERT IGNORE INTO `#__testquestions_categories` (`id`, `title`, `published`, `ordering`) INSERT IGNORE INTO `#__testquestions_categories` (`id`, `title`, `published`, `ordering`)
VALUES (1, 'Bez kategorii', 1, 0); VALUES (1, 'Bez kategorii', 1, 0);
CREATE TABLE IF NOT EXISTS `#__testquestions_sets` (
`id` int unsigned NOT NULL AUTO_INCREMENT,
`title` varchar(255) NOT NULL,
`description` text NULL,
`published` tinyint NOT NULL DEFAULT 1,
`ordering` int NOT NULL DEFAULT 0,
`created` datetime NULL DEFAULT NULL,
`created_by` int unsigned NOT NULL DEFAULT 0,
`modified` datetime NULL DEFAULT NULL,
`modified_by` int unsigned NOT NULL DEFAULT 0,
PRIMARY KEY (`id`),
KEY `idx_published` (`published`),
KEY `idx_ordering` (`ordering`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 DEFAULT COLLATE=utf8mb4_unicode_ci;
CREATE TABLE IF NOT EXISTS `#__testquestions_set_questions` (
`set_id` int unsigned NOT NULL,
`question_id` int unsigned NOT NULL,
`ordering` int NOT NULL DEFAULT 0,
PRIMARY KEY (`set_id`, `question_id`),
KEY `idx_question_id` (`question_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 DEFAULT COLLATE=utf8mb4_unicode_ci;
@@ -1 +1,3 @@
DROP TABLE IF EXISTS `#__testquestions_set_questions`;
DROP TABLE IF EXISTS `#__testquestions_sets`;
DROP TABLE IF EXISTS `#__testquestions_questions`; DROP TABLE IF EXISTS `#__testquestions_questions`;
@@ -0,0 +1 @@
-- No database changes required for version 1.8.1.
@@ -0,0 +1 @@
-- No database changes required for version 1.8.2.
@@ -0,0 +1 @@
-- No database changes required for version 1.8.3.
@@ -0,0 +1,22 @@
CREATE TABLE IF NOT EXISTS `#__testquestions_sets` (
`id` int unsigned NOT NULL AUTO_INCREMENT,
`title` varchar(255) NOT NULL,
`description` text NULL,
`published` tinyint NOT NULL DEFAULT 1,
`ordering` int NOT NULL DEFAULT 0,
`created` datetime NULL DEFAULT NULL,
`created_by` int unsigned NOT NULL DEFAULT 0,
`modified` datetime NULL DEFAULT NULL,
`modified_by` int unsigned NOT NULL DEFAULT 0,
PRIMARY KEY (`id`),
KEY `idx_published` (`published`),
KEY `idx_ordering` (`ordering`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 DEFAULT COLLATE=utf8mb4_unicode_ci;
CREATE TABLE IF NOT EXISTS `#__testquestions_set_questions` (
`set_id` int unsigned NOT NULL,
`question_id` int unsigned NOT NULL,
`ordering` int NOT NULL DEFAULT 0,
PRIMARY KEY (`set_id`, `question_id`),
KEY `idx_question_id` (`question_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 DEFAULT COLLATE=utf8mb4_unicode_ci;
@@ -0,0 +1,20 @@
<?php
namespace Komponent\Component\Testquestions\Administrator\Controller;
defined('_JEXEC') or die;
use Joomla\CMS\MVC\Controller\FormController;
class SetController extends FormController
{
protected $view_item = 'set';
protected $view_list = 'sets';
public function cancel($key = null)
{
$this->setRedirect('index.php?option=com_testquestions&view=sets');
return true;
}
}
@@ -0,0 +1,17 @@
<?php
namespace Komponent\Component\Testquestions\Administrator\Controller;
defined('_JEXEC') or die;
use Joomla\CMS\MVC\Controller\AdminController;
class SetsController extends AdminController
{
protected $text_prefix = 'COM_TESTQUESTIONS';
public function getModel($name = 'Set', $prefix = 'Administrator', $config = ['ignore_request' => true])
{
return parent::getModel($name, $prefix, $config);
}
}
@@ -0,0 +1,98 @@
<?php
namespace Komponent\Component\Testquestions\Administrator\Model;
defined('_JEXEC') or die;
use Joomla\CMS\Factory;
use Joomla\CMS\MVC\Model\AdminModel;
class SetModel extends AdminModel
{
public function getTable($name = 'Set', $prefix = 'Administrator', $config = [])
{
return $this->getMVCFactory()->createTable($name, $prefix, $config);
}
public function getForm($data = [], $loadData = true)
{
return $this->loadForm('com_testquestions.set', 'set', ['control' => 'jform', 'load_data' => $loadData]);
}
public function getItem($pk = null)
{
$item = parent::getItem($pk);
if ($item && !empty($item->id)) {
$db = Factory::getContainer()->get('DatabaseDriver');
$item->question_ids = $db->setQuery(
$db->getQuery(true)
->select($db->quoteName('question_id'))
->from($db->quoteName('#__testquestions_set_questions'))
->where($db->quoteName('set_id') . ' = ' . (int) $item->id)
->order($db->quoteName('ordering') . ' ASC')
)->loadColumn();
} else {
$item->question_ids = [];
}
return $item;
}
protected function loadFormData()
{
return Factory::getApplication()->getUserState('com_testquestions.edit.set.data', []) ?: $this->getItem();
}
public function save($data)
{
$questionIds = array_values(array_unique(array_filter(array_map('intval', (array) ($data['question_ids'] ?? [])))));
unset($data['question_ids']);
if (!parent::save($data)) {
return false;
}
$setId = (int) $this->getState($this->getName() . '.id');
$db = Factory::getContainer()->get('DatabaseDriver');
$db->setQuery(
$db->getQuery(true)
->delete($db->quoteName('#__testquestions_set_questions'))
->where($db->quoteName('set_id') . ' = ' . $setId)
)->execute();
if ($questionIds) {
$query = $db->getQuery(true)
->insert($db->quoteName('#__testquestions_set_questions'))
->columns([$db->quoteName('set_id'), $db->quoteName('question_id'), $db->quoteName('ordering')]);
foreach ($questionIds as $ordering => $questionId) {
$query->values(implode(',', [$setId, $questionId, $ordering]));
}
$db->setQuery($query)->execute();
}
return true;
}
public function delete(&$pks)
{
if (!parent::delete($pks)) {
return false;
}
$db = Factory::getContainer()->get('DatabaseDriver');
$ids = array_map('intval', (array) $pks);
if ($ids) {
$db->setQuery(
$db->getQuery(true)
->delete($db->quoteName('#__testquestions_set_questions'))
->where($db->quoteName('set_id') . ' IN (' . implode(',', $ids) . ')')
)->execute();
}
return true;
}
}
@@ -0,0 +1,40 @@
<?php
namespace Komponent\Component\Testquestions\Administrator\Model;
defined('_JEXEC') or die;
use Joomla\CMS\Factory;
use Joomla\CMS\MVC\Model\ListModel;
class SetsModel extends ListModel
{
protected function populateState($ordering = 's.ordering', $direction = 'asc')
{
parent::populateState($ordering, $direction);
$this->setState('filter.search', $this->getUserStateFromRequest($this->context . '.filter.search', 'filter_search', '', 'string'));
$this->setState('filter.published', $this->getUserStateFromRequest($this->context . '.filter.published', 'filter_published', '', 'string'));
}
protected function getListQuery()
{
$db = Factory::getContainer()->get('DatabaseDriver');
$query = $db->getQuery(true)
->select(['s.*', 'COUNT(sq.question_id) AS question_count'])
->from($db->quoteName('#__testquestions_sets', 's'))
->leftJoin($db->quoteName('#__testquestions_set_questions', 'sq') . ' ON sq.set_id = s.id')
->group('s.id');
$search = trim((string) $this->getState('filter.search'));
if ($search !== '') {
$query->where('s.title LIKE ' . $db->quote('%' . $db->escape($search, true) . '%', false));
}
$published = $this->getState('filter.published');
if ($published !== '' && $published !== null) {
$query->where('s.published = ' . (int) $published);
}
return $query->order('s.ordering ASC, s.title ASC');
}
}
@@ -0,0 +1,23 @@
<?php
namespace Komponent\Component\Testquestions\Administrator\Table;
defined('_JEXEC') or die;
use Joomla\CMS\Table\Table;
use Joomla\Database\DatabaseDriver;
class SetTable extends Table
{
public function __construct(DatabaseDriver $db)
{
parent::__construct('#__testquestions_sets', 'id', $db);
}
public function check($updateNulls = false): bool
{
$this->title = trim((string) $this->title);
return $this->title !== '' && parent::check($updateNulls);
}
}
@@ -51,5 +51,11 @@ class HtmlView extends BaseHtmlView
'COM_TESTQUESTIONS_MANAGE_CATEGORIES', 'COM_TESTQUESTIONS_MANAGE_CATEGORIES',
'list' 'list'
); );
ToolbarHelper::link(
'index.php?option=com_testquestions&view=sets',
'COM_TESTQUESTIONS_SETS',
'list'
);
} }
} }
@@ -0,0 +1,37 @@
<?php
namespace Komponent\Component\Testquestions\Administrator\View\Set;
defined('_JEXEC') or die;
use Joomla\CMS\Language\Text;
use Joomla\CMS\MVC\View\HtmlView as BaseHtmlView;
use Joomla\CMS\Toolbar\ToolbarHelper;
class HtmlView extends BaseHtmlView
{
protected $form;
protected $item;
public function display($tpl = null)
{
$this->form = $this->get('Form');
$this->item = $this->get('Item');
if (count($errors = $this->get('Errors'))) {
throw new \RuntimeException(implode("\n", $errors));
}
$this->addToolbar();
return parent::display($tpl);
}
protected function addToolbar()
{
ToolbarHelper::title($this->item->id ? Text::_('COM_TESTQUESTIONS_EDIT_SET') : Text::_('COM_TESTQUESTIONS_NEW_SET'));
ToolbarHelper::apply('set.apply', 'JTOOLBAR_APPLY');
ToolbarHelper::save('set.save', 'JTOOLBAR_SAVE');
ToolbarHelper::cancel('set.cancel', 'JTOOLBAR_CANCEL');
}
}
@@ -0,0 +1,54 @@
<?php
namespace Komponent\Component\Testquestions\Administrator\View\Sets;
defined('_JEXEC') or die;
use Joomla\CMS\HTML\HTMLHelper;
use Joomla\CMS\Language\Text;
use Joomla\CMS\MVC\View\HtmlView as BaseHtmlView;
use Joomla\CMS\Toolbar\ToolbarHelper;
class HtmlView extends BaseHtmlView
{
protected $items;
protected $pagination;
protected $state;
public function display($tpl = null)
{
$this->items = $this->get('Items');
$this->pagination = $this->get('Pagination');
$this->state = $this->get('State');
if (count($errors = $this->get('Errors'))) {
throw new \RuntimeException(implode("\n", $errors));
}
$this->addToolbar();
return parent::display($tpl);
}
protected function addToolbar()
{
$user = $this->getCurrentUser();
$this->getDocument()->setTitle(Text::_('COM_TESTQUESTIONS_SETS'));
if ($user->authorise('core.create', 'com_testquestions')) {
ToolbarHelper::addNew('set.add', 'JTOOLBAR_NEW');
}
if ($user->authorise('core.edit', 'com_testquestions')) {
ToolbarHelper::editList('set.edit', 'JTOOLBAR_EDIT');
}
if ($user->authorise('core.delete', 'com_testquestions')) {
ToolbarHelper::deleteList('', 'sets.delete', 'JTOOLBAR_DELETE');
}
ToolbarHelper::link(
'index.php?option=com_testquestions&view=questions',
'COM_TESTQUESTIONS_QUESTIONS',
'list'
);
}
}
@@ -0,0 +1,19 @@
<?php
defined('_JEXEC') or die;
use Joomla\CMS\HTML\HTMLHelper;
use Joomla\CMS\Router\Route;
HTMLHelper::_('behavior.formvalidator');
?>
<form action="<?php echo Route::_('index.php?option=com_testquestions&view=set&layout=edit&id=' . (int) $this->item->id); ?>" method="post" name="adminForm" id="adminForm" class="form-validate">
<fieldset class="adminform">
<?php echo $this->form->renderField('title'); ?>
<?php echo $this->form->renderField('description'); ?>
<?php echo $this->form->renderField('published'); ?>
<?php echo $this->form->renderField('question_ids'); ?>
</fieldset>
<input type="hidden" name="task" value="">
<?php echo HTMLHelper::_('form.token'); ?>
</form>
@@ -0,0 +1,55 @@
<?php
defined('_JEXEC') or die;
use Joomla\CMS\HTML\HTMLHelper;
use Joomla\CMS\Router\Route;
HTMLHelper::_('behavior.multiselect');
?>
<form action="<?php echo Route::_('index.php?option=com_testquestions&view=sets'); ?>" method="post" name="adminForm" id="adminForm">
<div class="row mb-3">
<div class="col-md-6">
<input type="text" name="filter_search" value="<?php echo $this->escape($this->state->get('filter.search')); ?>" class="form-control" placeholder="<?php echo $this->escape(\Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_SET_SEARCH')); ?>">
</div>
<div class="col-md-3">
<select name="filter_published" class="form-select" onchange="this.form.submit();">
<option value=""><?php echo \Joomla\CMS\Language\Text::_('JOPTION_SELECT_PUBLISHED'); ?></option>
<option value="1" <?php echo $this->state->get('filter.published') === '1' ? 'selected' : ''; ?>><?php echo \Joomla\CMS\Language\Text::_('JPUBLISHED'); ?></option>
<option value="0" <?php echo $this->state->get('filter.published') === '0' ? 'selected' : ''; ?>><?php echo \Joomla\CMS\Language\Text::_('JUNPUBLISHED'); ?></option>
</select>
</div>
<div class="col-md-3">
<button type="submit" class="btn btn-primary"><?php echo \Joomla\CMS\Language\Text::_('JSEARCH_FILTER_SUBMIT'); ?></button>
<a href="<?php echo Route::_('index.php?option=com_testquestions&view=sets'); ?>" class="btn btn-secondary"><?php echo \Joomla\CMS\Language\Text::_('JSEARCH_FILTER_CLEAR'); ?></a>
</div>
</div>
<table class="table table-striped">
<thead>
<tr>
<th scope="col" class="w-1"><?php echo HTMLHelper::_('grid.checkall'); ?></th>
<th scope="col"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_SET_TITLE'); ?></th>
<th scope="col" class="w-15"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_SET_QUESTION_COUNT'); ?></th>
<th scope="col" class="w-15"><?php echo \Joomla\CMS\Language\Text::_('JSTATUS'); ?></th>
<th scope="col" class="w-10"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_COLUMN_ID'); ?></th>
</tr>
</thead>
<tbody>
<?php foreach ($this->items as $i => $item) : ?>
<tr>
<td><?php echo HTMLHelper::_('grid.id', $i, $item->id); ?></td>
<th scope="row"><a href="<?php echo Route::_('index.php?option=com_testquestions&task=set.edit&id=' . (int) $item->id); ?>"><?php echo $this->escape($item->title); ?></a></th>
<td><?php echo (int) $item->question_count; ?></td>
<td><?php echo HTMLHelper::_('jgrid.published', $item->published, $i, 'sets.', true, 'cb'); ?></td>
<td><?php echo (int) $item->id; ?></td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
<?php echo $this->pagination->getListFooter(); ?>
<input type="hidden" name="boxchecked" value="0">
<input type="hidden" name="task" value="">
<?php echo HTMLHelper::_('form.token'); ?>
</form>
+1 -1
View File
@@ -4,7 +4,7 @@
<creationDate>2026-10-14</creationDate> <creationDate>2026-10-14</creationDate>
<author>Komponent</author> <author>Komponent</author>
<license>GNU General Public License version 2 or later</license> <license>GNU General Public License version 2 or later</license>
<version>1.8.0</version> <version>1.9.0</version>
<description>COM_TESTQUESTIONS_DESCRIPTION</description> <description>COM_TESTQUESTIONS_DESCRIPTION</description>
<element>com_testquestions</element> <element>com_testquestions</element>
<namespace path="src">Komponent\Component\Testquestions</namespace> <namespace path="src">Komponent\Component\Testquestions</namespace>
+55 -3
View File
@@ -1,3 +1,16 @@
.com-testquestions {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.com-testquestions .testquestion {
display: block;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.com-testquestions .timer-container { .com-testquestions .timer-container {
position: relative; position: relative;
width: 120px; width: 120px;
@@ -41,7 +54,8 @@
margin: 25px 5px 11px; margin: 25px 5px 11px;
border: 1px #dfe3e7 solid; border: 1px #dfe3e7 solid;
border-radius: .25rem; border-radius: .25rem;
width: 98%; width: 100%;
box-sizing: border-box;
padding: 10px; padding: 10px;
text-align: left; text-align: left;
color: white; color: white;
@@ -54,6 +68,31 @@
font-size: inherit; font-size: inherit;
} }
.com-testquestions .question-header {
display: flex;
align-items: flex-start;
gap: .25rem;
}
.com-testquestions .question-number {
flex: 0 0 auto;
white-space: nowrap;
font-weight: 700;
}
.com-testquestions .question-text {
flex: 1 1 auto;
min-width: 0;
}
.com-testquestions .question-text > :first-child {
margin-top: 0;
}
.com-testquestions .question-text > :last-child {
margin-bottom: 0;
}
.com-testquestions .odp, .com-testquestions .odp,
.com-testquestions .odpp, .com-testquestions .odpp,
.com-testquestions .odpu, .com-testquestions .odpu,
@@ -62,7 +101,8 @@
margin: 5px; margin: 5px;
border: 1px #dfe3e7 solid; border: 1px #dfe3e7 solid;
border-radius: .25rem; border-radius: .25rem;
width: 98%; width: 100%;
box-sizing: border-box;
padding: 10px; padding: 10px;
text-align: left; text-align: left;
box-shadow: 2px 2px 2px rgba(0, 0, 0, .2); box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
@@ -105,10 +145,22 @@
} }
.com-testquestions .answer-list label { .com-testquestions .answer-list label {
display: block; display: flex;
align-items: flex-start;
gap: .25rem;
cursor: pointer; cursor: pointer;
} }
.com-testquestions .answer-list label input {
flex: 0 0 auto;
margin-top: .25rem;
}
.com-testquestions .answer-text {
flex: 1 1 auto;
min-width: 0;
}
.com-testquestions select.egzamin { .com-testquestions select.egzamin {
color: #4a86cf; color: #4a86cf;
padding: 5px; padding: 5px;
@@ -36,7 +36,12 @@ use Joomla\CMS\HTML\HTMLHelper;
<form action="<?php echo htmlspecialchars($_SERVER['REQUEST_URI'], ENT_QUOTES, 'UTF-8'); ?>" method="post"> <form action="<?php echo htmlspecialchars($_SERVER['REQUEST_URI'], ENT_QUOTES, 'UTF-8'); ?>" method="post">
<?php foreach ($this->items as $number => $item) : ?> <?php foreach ($this->items as $number => $item) : ?>
<article class="testquestion mb-4"> <article class="testquestion mb-4">
<div class="pyt"><h2><?php echo ($number + 1) . '. '; ?><?php echo $item->question; ?></h2></div> <div class="pyt">
<div class="question-header">
<span class="question-number"><?php echo ($number + 1) . '.'; ?></span>
<div class="question-text"><?php echo $item->question; ?></div>
</div>
</div>
<?php if ($item->image) : ?> <?php if ($item->image) : ?>
<div class="foto_pyt"><img src="<?php echo htmlspecialchars($item->image, ENT_QUOTES, 'UTF-8'); ?>" alt="" loading="lazy"></div> <div class="foto_pyt"><img src="<?php echo htmlspecialchars($item->image, ENT_QUOTES, 'UTF-8'); ?>" alt="" loading="lazy"></div>
<?php endif; ?> <?php endif; ?>
@@ -53,7 +58,8 @@ use Joomla\CMS\HTML\HTMLHelper;
<li class="<?php echo $isSelected && $this->results['items'][$item->id]['correct'] ? 'odpup' : ($isSelected ? 'odpu' : ($isCorrectAnswer ? 'odpp' : 'odp')); ?>"> <li class="<?php echo $isSelected && $this->results['items'][$item->id]['correct'] ? 'odpup' : ($isSelected ? 'odpu' : ($isCorrectAnswer ? 'odpp' : 'odp')); ?>">
<label> <label>
<input type="radio" name="answers[<?php echo (int) $item->id; ?>]" value="<?php echo $answerIndex + 1; ?>" <?php echo $isSelected ? 'checked' : ''; ?>> <input type="radio" name="answers[<?php echo (int) $item->id; ?>]" value="<?php echo $answerIndex + 1; ?>" <?php echo $isSelected ? 'checked' : ''; ?>>
<strong><?php echo chr(65 + $answerIndex); ?>.</strong> <?php echo $item->$answerField; ?> <strong><?php echo chr(65 + $answerIndex); ?>.</strong>
<span class="answer-text"><?php echo $item->$answerField; ?></span>
<?php if ($isSelected) : ?> <?php if ($isSelected) : ?>
<span class="badge bg-info"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_SELECTED_ANSWER'); ?></span> <span class="badge bg-info"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_SELECTED_ANSWER'); ?></span>
<?php endif; ?> <?php endif; ?>
+48
View File
@@ -127,3 +127,51 @@ div.odpup
margin-right:10px; margin-right:10px;
} }
.com-testquestions {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.com-testquestions .testquestion {
display: block;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.com-testquestions .pyt,
.com-testquestions .odp,
.com-testquestions .odpp,
.com-testquestions .odpu,
.com-testquestions .odpup {
box-sizing: border-box;
}
.com-testquestions .question-header {
display: flex;
align-items: flex-start;
gap: .25rem;
}
.com-testquestions .question-number {
flex: 0 0 auto;
white-space: nowrap;
font-weight: 700;
}
.com-testquestions .question-text {
flex: 1 1 auto;
min-width: 0;
}
.com-testquestions .answer-list label {
display: flex;
align-items: flex-start;
gap: .25rem;
}
.com-testquestions .answer-text {
flex: 1 1 auto;
min-width: 0;
}