mirivlad
/
LMS
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix: Base64 encoding для JSON данных в modal 

✅ Используем base64_encode() в Blade
✅ Используем atob() + JSON.parse() в JavaScript
✅ Обработка null значений для matching/ordering

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
This commit is contained in:
mirivlad 2026-03-27 17:16:57 +08:00
parent 4201f92476
commit 26eabf0cfa
1 changed files with 28 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
resources/views/admin/questions/index.blade.php
View File

@ -35,10 +35,10 @@
<strong> <strong>
<a href="#" class="text-decoration-none" data-bs-toggle="modal" data-bs-target="#questionPreviewModal" <a href="#" class="text-decoration-none" data-bs-toggle="modal" data-bs-target="#questionPreviewModal"
data-question-type="{{ $question->type }}" data-question-type="{{ $question->type }}"
data-question-text="{{ htmlspecialchars($question->question_text) }}" data-question-text="{{ base64_encode($question->question_text) }}"
data-answers="{{ htmlspecialchars($question->answers->toJson()) }}" data-answers="{{ base64_encode($question->answers->toJson()) }}"
data-matching-pairs="{{ htmlspecialchars($question->matchingPairs->toJson()) }}" data-matching-pairs="{{ base64_encode($question->matchingPairs->toJson()) }}"
data-ordering-items="{{ htmlspecialchars($question->orderingItems->toJson()) }}"> data-ordering-items="{{ base64_encode($question->orderingItems->toJson()) }}">
{{ Str::limit(strip_tags($question->question_text), 100) }} {{ Str::limit(strip_tags($question->question_text), 100) }}
</a> </a>
</strong> </strong>
@ -89,10 +89,10 @@ document.addEventListener('DOMContentLoaded', function() {
previewModal.addEventListener('show.bs.modal', function(event) { previewModal.addEventListener('show.bs.modal', function(event) {
const button = event.relatedTarget; const button = event.relatedTarget;
const questionType = button.getAttribute('data-question-type'); const questionType = button.getAttribute('data-question-type');
const questionText = button.getAttribute('data-question-text'); const questionText = atob(button.getAttribute('data-question-text'));
const answers = JSON.parse(button.getAttribute('data-answers')); const answers = JSON.parse(atob(button.getAttribute('data-answers')));
const matchingPairs = JSON.parse(button.getAttribute('data-matching-pairs') || '[]'); const matchingPairs = JSON.parse(atob(button.getAttribute('data-matching-pairs') || 'bnVsbA=='));
const orderingItems = JSON.parse(button.getAttribute('data-ordering-items') || '[]'); const orderingItems = JSON.parse(atob(button.getAttribute('data-ordering-items') || 'bnVsbA=='));
// Отображаем текст вопроса // Отображаем текст вопроса
document.getElementById('modalQuestionText').innerHTML = questionText; document.getElementById('modalQuestionText').innerHTML = questionText;
@ -123,19 +123,27 @@ document.addEventListener('DOMContentLoaded', function() {
answersContainer.appendChild(div); answersContainer.appendChild(div);
}); });
} else if (questionType === 'matching') { } else if (questionType === 'matching') {
let html = '<table class="table"><thead><tr><th>Левая часть</th><th>Правая часть</th></tr></thead><tbody>'; if (matchingPairs && matchingPairs.length > 0) {
matchingPairs.forEach((pair, index) => { let html = '<table class="table"><thead><tr><th>Левая часть</th><th>Правая часть</th></tr></thead><tbody>';
html += `<tr><td>${pair.left_text}</td><td>${pair.right_text}</td></tr>`; matchingPairs.forEach((pair, index) => {
}); html += `<tr><td>${pair.left_text}</td><td>${pair.right_text}</td></tr>`;
html += '</tbody></table>'; });
answersContainer.innerHTML = html; html += '</tbody></table>';
answersContainer.innerHTML = html;
} else {
answersContainer.innerHTML = '<p class="text-muted">Нет пар для соответствия</p>';
}
} else if (questionType === 'ordering') { } else if (questionType === 'ordering') {
let html = '<ol class="list-group">'; if (orderingItems && orderingItems.length > 0) {
orderingItems.sort((a, b) => a.correct_order - b.correct_order).forEach((item, index) => { let html = '<ol class="list-group">';
html += `<li class="list-group-item">${index + 1}. ${item.item_text}</li>`; orderingItems.sort((a, b) => a.correct_order - b.correct_order).forEach((item, index) => {
}); html += `<li class="list-group-item">${index + 1}. ${item.item_text}</li>`;
html += '</ol>'; });
answersContainer.innerHTML = html; html += '</ol>';
answersContainer.innerHTML = html;
} else {
answersContainer.innerHTML = '<p class="text-muted">Нет элементов для сортировки</p>';
}
} }
}); });
}); });