feat(challenge): Fill previous answer & disallow repeated submit

Author: pan93412

assets/controllers/challenge_executor_controller.ts

@@ -25,7 +25,10 @@ export default class extends Controller<HTMLElement> {
       throw new Error(`Element not found: ${editorSelector}`);
     }
 
+    const lastQuery = this.element.dataset["lastQuery"];
+
     this.view = new EditorView({
+      doc: lastQuery,
       extensions: [
         basicSetup,
         sql(),

src/Twig/Components/Challenge/Executor.php

@@ -8,6 +8,7 @@
 use App\Entity\SolutionEvent;
 use App\Entity\SolutionEventStatus;
 use App\Entity\User;
+use App\Repository\SolutionEventRepository;
 use App\Service\QuestionDbRunnerService;
 use Doctrine\ORM\EntityManagerInterface;
 use Symfony\Component\HttpKernel\Exception\HttpException;
@@ -26,6 +27,7 @@ final class Executor
 
     public function __construct(
         private readonly QuestionDbRunnerService $questionDbRunnerService,
+        private readonly SolutionEventRepository $solutionEventRepository,
         private readonly EntityManagerInterface $entityManager,
     ) {
     }
@@ -42,6 +44,16 @@ public function __construct(
     #[LiveProp(writable: true)]
     public string $query;
 
+    public function getPreviousQuery(): string
+    {
+        $se = $this->solutionEventRepository->findOneBy([
+            'question' => $this->question,
+            'submitter' => $this->user,
+        ], orderBy: ['id' => 'DESC']);
+
+        return $se?->getQuery() ?? '';
+    }
+
     #[LiveAction]
     public function execute(SerializerInterface $serializer): void
     {

templates/components/Challenge/Executor.html.twig

@@ -1,20 +1,29 @@
+{% set previousQuery = this.previousQuery %}
+
 <section {{ attributes.defaults({class: 'challenge-sql-executor'}|merge(stimulus_controller('challenge-executor', {
     modelName: 'query',
     editorSelector: '.challenge-sql-executor__editor',
-}))) }}>
+}))) }} data-last-query="{{ previousQuery }}">
     <section class="challenge-sql-executor__actions hstack">
         <div class="challenge-sql-executor__actions__left me-auto">
             {% block actions %}{% endblock %}
         </div>
 
         <div class="challenge-sql-executor__actions__right">
-            <button type="button" class="btn btn-primary"
-                    data-loading="action(execute)|addAttribute(disabled)"
-                    data-action="live#action"
-                    data-live-action-param="execute">
-                <i class="bi bi-send"></i>
-                提交
-            </button>
+            {% if query is not empty and query is not same as(previousQuery) %}
+                <button type="button" class="btn btn-primary"
+                        data-loading="action(execute)|addAttribute(disabled)"
+                        data-action="live#action"
+                        data-live-action-param="execute">
+                    <i class="bi bi-send"></i>
+                    提交
+                </button>
+            {% else %}
+                <button type="button" class="btn btn-primary" disabled>
+                    <i class="bi bi-send"></i>
+                    提交
+                </button>
+            {% endif %}
         </div>
     </section>
     <hr>