Use seconds slider for test duration

This commit is contained in:
Wojtek
2026-10-15 17:32:33 +02:00
parent 197a03a2d0
commit 0c3ae353a5
6 changed files with 27 additions and 6 deletions
@@ -6,7 +6,7 @@
<field name="subject_id" type="sql" label="COM_TESTQUESTIONS_SUBJECT" required="true" query="SELECT id, title FROM #__testquestions_subjects WHERE published = 1 ORDER BY title ASC" key_field="id" value_field="title" translate_query="false">
<option value="0">COM_TESTQUESTIONS_SELECT_SUBJECT</option>
</field>
<field name="duration" type="number" label="COM_TESTQUESTIONS_SET_DURATION" description="COM_TESTQUESTIONS_SET_DURATION_DESC" min="0" max="1440" filter="integer" />
<field name="duration" type="range" label="COM_TESTQUESTIONS_SET_DURATION" description="COM_TESTQUESTIONS_SET_DURATION_DESC" min="0" max="3600" step="30" default="0" filter="integer" />
<field name="test_content" type="editor" label="COM_TESTQUESTIONS_SET_TEST_CONTENT" buttons="true" filter="safehtml" height="150" />
<field name="image" type="media" label="COM_TESTQUESTIONS_SET_IMAGE" directory="images/testquestions" preview="tooltip" />
<field name="description" type="textarea" label="COM_TESTQUESTIONS_SET_DESCRIPTION" rows="4" filter="raw" />
@@ -58,8 +58,8 @@ COM_TESTQUESTIONS_SET_ALL_CATEGORIES="Wszystkie kategorie"
COM_TESTQUESTIONS_UNCATEGORIZED="Bez kategorii"
COM_TESTQUESTIONS_SET_SHOW_DETAILS="Pokaż odpowiedzi"
COM_TESTQUESTIONS_SUBJECTS="Przedmioty"
COM_TESTQUESTIONS_SET_DURATION="Czas trwania testu (minuty)"
COM_TESTQUESTIONS_SET_DURATION_DESC="Podaj czas trwania testu w minutach."
COM_TESTQUESTIONS_SET_DURATION="Czas trwania testu (sekundy)"
COM_TESTQUESTIONS_SET_DURATION_DESC="Ustaw czas trwania testu w sekundach za pomocą suwaka."
COM_TESTQUESTIONS_SET_TEST_CONTENT="Treść testu"
COM_TESTQUESTIONS_SET_IMAGE="Obraz testu"
COM_TESTQUESTIONS_SUBJECT="Przedmiot"
@@ -0,0 +1,3 @@
UPDATE `#__testquestions_sets`
SET `duration` = `duration` * 60
WHERE `duration` > 0;
@@ -12,6 +12,7 @@ HTMLHelper::_('behavior.formvalidator');
<?php echo $this->form->renderField('title'); ?>
<?php echo $this->form->renderField('subject_id'); ?>
<?php echo $this->form->renderField('duration'); ?>
<output id="set-duration-value" class="form-text mb-3"></output>
<?php echo $this->form->renderField('test_content'); ?>
<?php echo $this->form->renderField('image'); ?>
<?php echo $this->form->renderField('description'); ?>
@@ -101,3 +102,20 @@ document.addEventListener('DOMContentLoaded', function () {
});
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function () {
const duration = document.getElementById('jform_duration');
const output = document.getElementById('set-duration-value');
if (!duration || !output) {
return;
}
const updateDuration = function () {
output.textContent = duration.value + ' s';
};
duration.addEventListener('input', updateDuration);
updateDuration();
});
</script>