|
|
|
@@ -1,9 +1,12 @@
|
|
|
|
|
<?php
|
|
|
|
|
|
|
|
|
|
defined('_JEXEC') or die;
|
|
|
|
|
|
|
|
|
|
use Joomla\CMS\Factory;
|
|
|
|
|
?>
|
|
|
|
|
<div class="com-testquestions egzamin">
|
|
|
|
|
<form action="<?php echo htmlspecialchars($_SERVER['REQUEST_URI'], ENT_QUOTES, 'UTF-8'); ?>" method="get" class="mb-4">
|
|
|
|
|
<?php if (!$this->started) : ?>
|
|
|
|
|
<form action="<?php echo htmlspecialchars($_SERVER['REQUEST_URI'], ENT_QUOTES, 'UTF-8'); ?>" method="post" class="mb-4">
|
|
|
|
|
<label for="test-set" class="form-label"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_SELECT_SET'); ?></label>
|
|
|
|
|
<div class="input-group">
|
|
|
|
|
<select id="test-set" name="set_id" class="form-select egzamin" required>
|
|
|
|
@@ -12,32 +15,64 @@ defined('_JEXEC') or die;
|
|
|
|
|
<option value="<?php echo (int) $set->id; ?>" <?php echo $this->set && (int) $this->set->id === (int) $set->id ? 'selected' : ''; ?>><?php echo htmlspecialchars(($set->subject_title ? $set->subject_title . ' — ' : '') . $set->title, ENT_QUOTES, 'UTF-8'); ?></option>
|
|
|
|
|
<?php endforeach; ?>
|
|
|
|
|
</select>
|
|
|
|
|
<input type="submit" class="egzamin" value="<?php echo htmlspecialchars(\Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_SHOW_SET'), ENT_QUOTES, 'UTF-8'); ?>">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="mt-3">
|
|
|
|
|
<label for="participant-name" class="form-label"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_PARTICIPANT_NAME'); ?></label>
|
|
|
|
|
<input type="text" id="participant-name" name="participant_name" class="form-control" required>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="mt-3">
|
|
|
|
|
<label for="extra-time" class="form-label"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_EXTRA_TIME'); ?></label>
|
|
|
|
|
<select id="extra-time" name="extra_time" class="form-select" >
|
|
|
|
|
<option value="0">0 min</option>
|
|
|
|
|
<option value="5">5 min</option>
|
|
|
|
|
<option value="10">10 min</option>
|
|
|
|
|
<option value="15">15 min</option>
|
|
|
|
|
<option value="30">30 min</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<input type="submit" class="egzamin" value="<?php echo htmlspecialchars(\Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_START_TEST'), ENT_QUOTES, 'UTF-8'); ?>">
|
|
|
|
|
</form>
|
|
|
|
|
<?php if (!$this->set) : ?>
|
|
|
|
|
<?php endif; ?>
|
|
|
|
|
<?php if (!$this->started) : ?>
|
|
|
|
|
<?php if (!$this->set && $this->sets) : ?><div class="alert alert-info"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_SET_START_HINT'); ?></div><?php endif; ?>
|
|
|
|
|
<?php elseif (!$this->set) : ?>
|
|
|
|
|
<div class="alert alert-info"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_SET_NOT_FOUND'); ?></div>
|
|
|
|
|
<?php else : ?>
|
|
|
|
|
<header class="test-set-header">
|
|
|
|
|
<?php if ($this->set->subject_title) : ?><div class="text-muted"><?php echo htmlspecialchars($this->set->subject_title, ENT_QUOTES, 'UTF-8'); ?></div><?php endif; ?>
|
|
|
|
|
<h1><?php echo htmlspecialchars($this->set->title, ENT_QUOTES, 'UTF-8'); ?></h1>
|
|
|
|
|
<?php if ((int) $this->set->duration > 0) : ?><div class="small text-muted"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_SET_DURATION'); ?>: <?php echo (int) $this->set->duration; ?> min</div><?php endif; ?>
|
|
|
|
|
<?php $extraTime = Factory::getApplication()->getInput()->post->getInt('extra_time', 0); ?>
|
|
|
|
|
<?php if ((int) $this->set->duration > 0) : ?><div class="small text-muted"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_SET_DURATION'); ?>: <?php echo (int) $this->set->duration + $extraTime; ?> min</div><?php endif; ?>
|
|
|
|
|
<?php if ($this->set->image) : ?><div class="foto_pyt"><img src="<?php echo htmlspecialchars($this->set->image, ENT_QUOTES, 'UTF-8'); ?>" alt="" loading="lazy"></div><?php endif; ?>
|
|
|
|
|
<?php if ($this->set->test_content) : ?><div class="test-set-content"><?php echo $this->set->test_content; ?></div><?php endif; ?>
|
|
|
|
|
</header>
|
|
|
|
|
<?php if (!$this->results && ((int) $this->set->duration + $extraTime) > 0) : ?>
|
|
|
|
|
<div class="timer-container mb-4" id="test-timer-container" data-duration="<?php echo ((int) $this->set->duration + $extraTime) * 60; ?>" aria-live="polite">
|
|
|
|
|
<svg width="120" height="120" viewBox="0 0 120 120" aria-hidden="true">
|
|
|
|
|
<circle cx="60" cy="60" r="54" fill="none" stroke="#dfe3e7" stroke-width="8"></circle>
|
|
|
|
|
<circle id="test-timer-ring" class="progress-ring__circle" cx="60" cy="60" r="54" fill="none" stroke="#4a86cf" stroke-width="8" stroke-linecap="round"></circle>
|
|
|
|
|
</svg>
|
|
|
|
|
<div id="test-timer-text" class="timer-text">--:--</div>
|
|
|
|
|
</div>
|
|
|
|
|
<?php endif; ?>
|
|
|
|
|
<?php if ($this->results) : ?>
|
|
|
|
|
<div class="alert alert-success test-result"><strong><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_RESULT'); ?>:</strong> <?php echo (int) $this->results['correct']; ?> / <?php echo (int) $this->results['total']; ?> (<?php echo htmlspecialchars((string) $this->results['percentage'], ENT_QUOTES, 'UTF-8'); ?>%)</div>
|
|
|
|
|
<?php endif; ?>
|
|
|
|
|
<?php if ($this->items) : ?>
|
|
|
|
|
<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" id="test-form">
|
|
|
|
|
<?php foreach ($this->items as $number => $item) : ?>
|
|
|
|
|
<article class="testquestion mb-4">
|
|
|
|
|
<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) : ?><div class="foto_pyt"><img src="<?php echo htmlspecialchars($item->image, ENT_QUOTES, 'UTF-8'); ?>" alt="" loading="lazy"></div><?php endif; ?>
|
|
|
|
|
<?php if ($item->question_type === 'open') : ?>
|
|
|
|
|
<div class="<?php echo $this->results ? ($this->results['items'][$item->id]['correct'] ? 'odpup' : 'odpu') : 'odp'; ?>">
|
|
|
|
|
<label for="set-answer-<?php echo (int) $number; ?>"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_ENTER_ANSWER'); ?></label>
|
|
|
|
|
<input type="text" id="set-answer-<?php echo (int) $number; ?>" name="answers[<?php echo (int) $item->id; ?>]" class="form-control" value="<?php echo $this->results ? htmlspecialchars($this->results['items'][$item->id]['selected'], ENT_QUOTES, 'UTF-8') : ''; ?>">
|
|
|
|
|
<?php if ($this->results) : ?>
|
|
|
|
|
<strong><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_YOUR_ANSWER'); ?>:</strong>
|
|
|
|
|
<?php echo htmlspecialchars($this->results['items'][$item->id]['selected'] ?: '—', ENT_QUOTES, 'UTF-8'); ?>
|
|
|
|
|
<?php else : ?>
|
|
|
|
|
<label for="set-answer-<?php echo (int) $number; ?>"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_ENTER_ANSWER'); ?></label>
|
|
|
|
|
<input type="text" id="set-answer-<?php echo (int) $number; ?>" name="answers[<?php echo (int) $item->id; ?>]" class="form-control">
|
|
|
|
|
<?php endif; ?>
|
|
|
|
|
</div>
|
|
|
|
|
<?php else : ?>
|
|
|
|
|
<ol type="A" class="answer-list">
|
|
|
|
@@ -59,10 +94,57 @@ defined('_JEXEC') or die;
|
|
|
|
|
</article>
|
|
|
|
|
<?php endforeach; ?>
|
|
|
|
|
<input type="hidden" name="set_id" value="<?php echo (int) $this->set->id; ?>">
|
|
|
|
|
<input type="hidden" name="participant_name" value="<?php echo htmlspecialchars(Factory::getApplication()->getInput()->post->getString('participant_name', ''), ENT_QUOTES, 'UTF-8'); ?>">
|
|
|
|
|
<input type="hidden" name="extra_time" value="<?php echo (int) $extraTime; ?>">
|
|
|
|
|
<input type="hidden" name="task" value="check">
|
|
|
|
|
<?php echo \Joomla\CMS\HTML\HTMLHelper::_('form.token'); ?>
|
|
|
|
|
<input type="submit" class="egzamin" value="<?php echo htmlspecialchars(\Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_FINISH_TEST'), ENT_QUOTES, 'UTF-8'); ?>">
|
|
|
|
|
<?php if (!$this->results) : ?>
|
|
|
|
|
<input type="submit" class="egzamin" value="<?php echo htmlspecialchars(\Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_FINISH_TEST'), ENT_QUOTES, 'UTF-8'); ?>">
|
|
|
|
|
<?php endif; ?>
|
|
|
|
|
</form>
|
|
|
|
|
<?php endif; ?>
|
|
|
|
|
<?php endif; ?>
|
|
|
|
|
</div>
|
|
|
|
|
<?php if ($this->started && !$this->results && ((int) $this->set->duration + $extraTime) > 0) : ?>
|
|
|
|
|
<script>
|
|
|
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
|
|
|
const container = document.getElementById('test-timer-container');
|
|
|
|
|
const text = document.getElementById('test-timer-text');
|
|
|
|
|
const ring = document.getElementById('test-timer-ring');
|
|
|
|
|
const form = document.getElementById('test-form');
|
|
|
|
|
|
|
|
|
|
if (!container || !text || !ring || !form) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const total = parseInt(container.dataset.duration, 10);
|
|
|
|
|
const circumference = 2 * Math.PI * 54;
|
|
|
|
|
let remaining = total;
|
|
|
|
|
let submitted = false;
|
|
|
|
|
|
|
|
|
|
ring.style.strokeDasharray = circumference + ' ' + circumference;
|
|
|
|
|
|
|
|
|
|
const update = function () {
|
|
|
|
|
const minutes = Math.floor(remaining / 60);
|
|
|
|
|
const seconds = remaining % 60;
|
|
|
|
|
text.textContent = String(minutes).padStart(2, '0') + ':' + String(seconds).padStart(2, '0');
|
|
|
|
|
ring.style.strokeDashoffset = circumference * (1 - remaining / total);
|
|
|
|
|
|
|
|
|
|
if (remaining <= 0 && !submitted) {
|
|
|
|
|
submitted = true;
|
|
|
|
|
form.submit();
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
update();
|
|
|
|
|
const interval = window.setInterval(function () {
|
|
|
|
|
remaining -= 1;
|
|
|
|
|
update();
|
|
|
|
|
|
|
|
|
|
if (submitted) {
|
|
|
|
|
window.clearInterval(interval);
|
|
|
|
|
}
|
|
|
|
|
}, 1000);
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
<?php endif; ?>
|
|
|
|
|
Wojtek