From 8dc9e59a68c1fe9cedda5f065dc95af4b5931187 Mon Sep 17 00:00:00 2001
From: mirivlad <mirivlad@lms.local>
Date: Fri, 27 Mar 2026 11:14:09 +0800
Subject: [PATCH] =?UTF-8?q?Feat:=20=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=BB?=
 =?UTF-8?q?=D1=91=D0=BD=20edit.blade.php=20+=20strip=5Ftags=20=D0=B2=20ind?=
 =?UTF-8?q?ex?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

✅ edit.blade.php полностью переписан под create.blade.php
✅ TinyMCE для текста вопроса и пояснения
✅ Картинки в ответах (просмотр + загрузка новых)
✅ Поддержка matching и ordering
✅ index.blade.php: strip_tags для текста вопроса
✅ tests/show.blade.php: strip_tags для текста вопроса

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
---
 .../views/admin/questions/edit.blade.php      | 116 +++++++++++++++---
 .../views/admin/questions/index.blade.php     |   2 +-
 resources/views/admin/tests/show.blade.php    |   2 +-
 3 files changed, 100 insertions(+), 20 deletions(-)

diff --git a/resources/views/admin/questions/edit.blade.php b/resources/views/admin/questions/edit.blade.php
index 40e3e21..b9fded7 100644
--- a/resources/views/admin/questions/edit.blade.php
+++ b/resources/views/admin/questions/edit.blade.php
@@ -9,7 +9,7 @@
                 <h1 class="h2">Редактировать вопрос</h1>
                 <a href="{{ route('admin.tests.questions.index', $test) }}" class="btn btn-secondary btn-sm">Назад</a>
             </div>
-            <form action="{{ route('admin.tests.questions.update', [$test, $question]) }}" method="POST" id="questionForm">
+            <form action="{{ route('admin.tests.questions.update', [$test, $question]) }}" method="POST" id="questionForm" enctype="multipart/form-data">
                 @csrf @method('PUT')
                 <input type="hidden" name="type" id="questionType" value="{{ $question->type }}">
                 <div class="row">
@@ -19,30 +19,36 @@
                                 <div class="mb-3">
                                     <label class="form-label">Тип вопроса *</label>
                                     <select name="type_select" id="typeSelect" class="form-select" onchange="updateQuestionType()">
-                                        <option value="single_choice" {{ $question->type == 'single_choice' ? 'selected' : '' }}>Один правильный ответ</option>
-                                        <option value="multiple_choice" {{ $question->type == 'multiple_choice' ? 'selected' : '' }}>Несколько правильных ответов</option>
-                                        <option value="input" {{ $question->type == 'input' ? 'selected' : '' }}>Ввод текста</option>
-                                        <option value="matching" {{ $question->type == 'matching' ? 'selected' : '' }}>Соответствие</option>
+                                        <option value="multiple_choice" {{ $question->type === 'multiple_choice' ? 'selected' : '' }}>Множественный выбор</option>
+                                        <option value="matching" {{ $question->type === 'matching' ? 'selected' : '' }}>Соответствие</option>
+                                        <option value="ordering" {{ $question->type === 'ordering' ? 'selected' : '' }}>Правильный порядок</option>
                                     </select>
                                 </div>
                                 <div class="mb-3">
                                     <label class="form-label">Текст вопроса *</label>
-                                    <textarea name="question_text" class="form-control" rows="3" required>{{ old('question_text', $question->question_text) }}</textarea>
+                                    <textarea name="question_text" id="questionText" class="form-control" rows="5">{{ old('question_text', $question->question_text) }}</textarea>
                                 </div>
                                 <div class="mb-3">
                                     <label class="form-label">Пояснение</label>
-                                    <textarea name="explanation" class="form-control" rows="2">{{ old('explanation', $question->explanation) }}</textarea>
+                                    <textarea name="explanation" id="questionExplanation" class="form-control" rows="3">{{ old('explanation', $question->explanation) }}</textarea>
                                     <small class="text-muted">Отображается после ответа</small>
                                 </div>
                                 
+                                <!-- Ответы для multiple_choice -->
                                 <div id="answersSection" class="mb-3">
                                     <label class="form-label">Ответы</label>
                                     <div id="answersContainer">
                                         @foreach($question->answers as $answer)
                                         <div class="input-group mb-2">
-                                            <input type="text" name="answers[{{ $loop->index }}][text]" class="form-control" value="{{ $answer->answer_text }}">
+                                            <input type="text" name="answers[{{ $loop->index }}][text]" class="form-control" placeholder="Текст ответа" value="{{ $answer->answer_text }}">
+                                            <input type="file" name="answers[{{ $loop->index }}][image]" class="form-control" accept="image/*">
+                                            @if($answer->image)
+                                            <img src="{{ asset('storage/' . $answer->image) }}" alt="Ответ" style="height:40px;">
+                                            @endif
                                             <input type="hidden" name="answers[{{ $loop->index }}][is_correct]" value="{{ $answer->is_correct ? '1' : '0' }}">
-                                            <button type="button" class="btn btn-outline-success" onclick="toggleCorrect(this)"><i class="bi {{ $answer->is_correct ? 'bi-check-circle-fill text-success' : 'bi-circle' }}"></i></button>
+                                            <button type="button" class="btn {{ $answer->is_correct ? 'btn-success' : 'btn-outline-success' }}" onclick="toggleCorrect(this)">
+                                                <i class="bi {{ $answer->is_correct ? 'bi-check-circle-fill' : 'bi-circle' }}"></i>
+                                            </button>
                                             <button type="button" class="btn btn-outline-danger" onclick="removeAnswer(this)"><i class="bi bi-trash"></i></button>
                                         </div>
                                         @endforeach
@@ -50,7 +56,8 @@
                                     <button type="button" class="btn btn-sm btn-secondary" onclick="addAnswer()">+ Добавить ответ</button>
                                 </div>
                                 
-                                <div id="matchingSection" class="mb-3" style="display:none;">
+                                <!-- Пары для matching -->
+                                <div id="matchingSection" class="mb-3" style="display:{{ $question->type === 'matching' ? 'block' : 'none' }};">
                                     <label class="form-label">Пары для соответствия</label>
                                     <div id="matchingContainer">
                                         @foreach($question->matchingPairs as $pair)
@@ -64,6 +71,21 @@
                                     </div>
                                     <button type="button" class="btn btn-sm btn-secondary" onclick="addMatchingPair()">+ Добавить пару</button>
                                 </div>
+                                
+                                <!-- Элементы для ordering -->
+                                <div id="orderingSection" class="mb-3" style="display:{{ $question->type === 'ordering' ? 'block' : 'none' }};">
+                                    <label class="form-label">Элементы для сортировки</label>
+                                    <div id="orderingContainer">
+                                        @foreach($question->orderingItems as $item)
+                                        <div class="input-group mb-2">
+                                            <input type="text" name="ordering_items[{{ $loop->index }}][item_text]" class="form-control" value="{{ $item->item_text }}">
+                                            <input type="number" name="ordering_items[{{ $loop->index }}][correct_order]" class="form-control" value="{{ $item->correct_order }}" style="width:80px">
+                                            <button type="button" class="btn btn-outline-danger" onclick="this.parentElement.remove()"><i class="bi bi-trash"></i></button>
+                                        </div>
+                                        @endforeach
+                                    </div>
+                                    <button type="button" class="btn btn-sm btn-secondary" onclick="addOrderingItem()">+ Добавить элемент</button>
+                                </div>
                             </div>
                         </div>
                     </div>
@@ -93,29 +115,78 @@
         </main>
     </div>
 </div>
+<!-- TinyMCE -->
+<script src="{{ asset('tinymce/js/tinymce/tinymce.min.js') }}"></script>
 <script>
+// Инициализация TinyMCE после загрузки DOM
+document.addEventListener('DOMContentLoaded', function() {
+    tinymce.init({
+        selector: '#questionText, #questionExplanation',
+        license_key: 'gpl',
+        language: 'ru',
+        skin: 'oxide',
+        content_css: 'default',
+        height: 300,
+        plugins: 'image link table lists code',
+        toolbar: 'undo redo | formatselect | bold italic | alignleft aligncenter alignright | bullist numlist | image link | code',
+        image_title: true,
+        automatic_uploads: false,
+        file_picker_types: 'image',
+        file_picker_callback: function(cb, value, meta) {
+            const input = document.createElement('input');
+            input.setAttribute('type', 'file');
+            input.setAttribute('accept', 'image/*');
+            input.addEventListener('change', function(e) {
+                const file = e.target.files[0];
+                const reader = new FileReader();
+                reader.addEventListener('load', function() {
+                    const id = 'blobid' + (new Date()).getTime();
+                    const blobCache = tinymce.activeEditor.editorUpload.blobCache;
+                    const base64 = reader.result.split(',')[1];
+                    const blobInfo = blobCache.create(id, file, base64);
+                    blobCache.add(blobInfo);
+                    cb(blobInfo.blobUri(), { title: file.name });
+                });
+                reader.readAsDataURL(file);
+            });
+            input.click();
+        }
+    });
+});
+
 function updateQuestionType() {
     const type = document.getElementById('typeSelect').value;
     document.getElementById('questionType').value = type;
-    const answersSection = document.getElementById('answersSection');
-    const matchingSection = document.getElementById('matchingSection');
-    answersSection.style.display = (type === 'single_choice' || type === 'multiple_choice') ? 'block' : 'none';
-    matchingSection.style.display = (type === 'matching') ? 'block' : 'none';
+    document.getElementById('answersSection').style.display = (type === 'multiple_choice') ? 'block' : 'none';
+    document.getElementById('matchingSection').style.display = (type === 'matching') ? 'block' : 'none';
+    document.getElementById('orderingSection').style.display = (type === 'ordering') ? 'block' : 'none';
 }
+
 function addAnswer() {
     const container = document.getElementById('answersContainer');
     const index = container.children.length;
     const div = document.createElement('div');
     div.className = 'input-group mb-2';
-    div.innerHTML = `<input type="text" name="answers[${index}][text]" class="form-control" placeholder="Текст ответа"><input type="hidden" name="answers[${index}][is_correct]" value="0"><button type="button" class="btn btn-outline-success" onclick="toggleCorrect(this)"><i class="bi bi-circle"></i></button><button type="button" class="btn btn-outline-danger" onclick="removeAnswer(this)"><i class="bi bi-trash"></i></button>`;
+    div.innerHTML = `<input type="text" name="answers[${index}][text]" class="form-control" placeholder="Текст ответа"><input type="file" name="answers[${index}][image]" class="form-control" accept="image/*"><input type="hidden" name="answers[${index}][is_correct]" value="0"><button type="button" class="btn btn-outline-success" onclick="toggleCorrect(this)"><i class="bi bi-circle"></i></button><button type="button" class="btn btn-outline-danger" onclick="removeAnswer(this)"><i class="bi bi-trash"></i></button>`;
     container.appendChild(div);
 }
 function removeAnswer(btn) { btn.parentElement.remove(); }
 function toggleCorrect(btn) {
-    const hidden = btn.previousElementSibling;
-    if (hidden.value === '0') { hidden.value = '1'; btn.innerHTML = '<i class="bi bi-check-circle-fill text-success"></i>'; }
-    else { hidden.value = '0'; btn.innerHTML = '<i class="bi bi-circle"></i>'; }
+    const inputGroup = btn.parentElement;
+    const hidden = inputGroup.querySelector('input[type="hidden"][name*="is_correct"]');
+    if (hidden.value === '0') { 
+        hidden.value = '1'; 
+        btn.innerHTML = '<i class="bi bi-check-circle-fill text-success"></i>';
+        btn.classList.remove('btn-outline-success');
+        btn.classList.add('btn-success');
+    } else { 
+        hidden.value = '0'; 
+        btn.innerHTML = '<i class="bi bi-circle"></i>';
+        btn.classList.remove('btn-success');
+        btn.classList.add('btn-outline-success');
+    }
 }
+
 function addMatchingPair() {
     const container = document.getElementById('matchingContainer');
     const index = container.children.length;
@@ -124,5 +195,14 @@ function addMatchingPair() {
     div.innerHTML = `<input type="text" name="matching_pairs[${index}][left_text]" class="form-control" placeholder="Левая часть"><input type="text" name="matching_pairs[${index}][right_text]" class="form-control" placeholder="Правая часть"><input type="number" name="matching_pairs[${index}][match_score]" class="form-control" value="1" style="width:80px"><button type="button" class="btn btn-outline-danger" onclick="this.parentElement.remove()"><i class="bi bi-trash"></i></button>`;
     container.appendChild(div);
 }
+
+function addOrderingItem() {
+    const container = document.getElementById('orderingContainer');
+    const index = container.children.length;
+    const div = document.createElement('div');
+    div.className = 'input-group mb-2';
+    div.innerHTML = `<input type="text" name="ordering_items[${index}][item_text]" class="form-control" placeholder="Элемент"><input type="number" name="ordering_items[${index}][correct_order]" class="form-control" value="${index + 1}" style="width:80px"><button type="button" class="btn btn-outline-danger" onclick="this.parentElement.remove()"><i class="bi bi-trash"></i></button>`;
+    container.appendChild(div);
+}
 </script>
 @endsection
diff --git a/resources/views/admin/questions/index.blade.php b/resources/views/admin/questions/index.blade.php
index b8f0d34..d31c560 100644
--- a/resources/views/admin/questions/index.blade.php
+++ b/resources/views/admin/questions/index.blade.php
@@ -32,7 +32,7 @@
                                     @elseif($question->type === 'ordering')
                                         <span class="badge bg-dark" title="Правильный порядок"><i class="bi bi-sort-numeric-down"></i></span>
                                     @endif
-                                    <strong>{{ Str::limit($question->question_text, 100) }}</strong>
+                                    <strong>{{ strip_tags($question->question_text) }}</strong>
                                     <div class="mt-2">
                                         <small class="text-muted">{{ $question->answers->count() }} ответов@if($question->matchingPairs->count() > 0), {{ $question->matchingPairs->count() }} пар@endif</small>
                                         @if($question->is_required)<span class="badge bg-warning ms-2"><i class="bi bi-exclamation-circle"></i> Обязательный</span>@endif
diff --git a/resources/views/admin/tests/show.blade.php b/resources/views/admin/tests/show.blade.php
index 6645575..e1142be 100644
--- a/resources/views/admin/tests/show.blade.php
+++ b/resources/views/admin/tests/show.blade.php
@@ -58,7 +58,7 @@
                                             <td><span class="badge bg-secondary">{{ $loop->iteration }}</span></td>
                                             <td>
                                                 <a href="{{ route('admin.tests.questions.edit', [$test, $question]) }}" class="text-decoration-none">
-                                                    {{ Str::limit($question->question_text, 80) }}
+                                                    {{ Str::limit(strip_tags($question->question_text), 80) }}
                                                 </a>
                                                 @if($question->is_required)<span class="badge bg-warning ms-1"><i class="bi bi-exclamation-circle"></i></span>@endif
                                             </td>