From 9faccf98ec6ef83fa67218d65a73471871a2de54 Mon Sep 17 00:00:00 2001
From: m0nclous <m0nclous@vk.com>
Date: Mon, 3 Mar 2025 20:49:34 +0600
Subject: [PATCH] =?UTF-8?q?=D0=92=D0=B0=D0=BB=D0=B8=D0=B4=D0=B0=D1=86?=
 =?UTF-8?q?=D0=B8=D1=8F=20=D1=84=D0=BE=D1=80=D0=BC=D1=8B=20=D0=BF=D0=BE?=
 =?UTF-8?q?=D1=81=D1=82=D0=B0=20=D0=BF=D0=B5=D1=80=D0=B5=D0=B4=20=D0=B2?=
 =?UTF-8?q?=D1=8B=D0=B7=D0=BE=D0=B2=D0=BE=D0=BC=20preview?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/js/controllers/post_preview_controller.js | 13 +++++++++++++
 resources/views/post/edit.blade.php                 |  4 ++--
 2 files changed, 15 insertions(+), 2 deletions(-)
 create mode 100644 resources/js/controllers/post_preview_controller.js

diff --git a/resources/js/controllers/post_preview_controller.js b/resources/js/controllers/post_preview_controller.js
new file mode 100644
index 00000000..b4498162
--- /dev/null
+++ b/resources/js/controllers/post_preview_controller.js
@@ -0,0 +1,13 @@
+import { Controller } from '@hotwired/stimulus';
+
+export default class extends Controller {
+    static targets = ['form'];
+
+    validate(event) {
+        if (!this.formTarget.reportValidity()) {
+            // Важно! Остановка всплытия события, включая текущий уровень
+            // Это нужно для того, чтобы не вызывались остальные обработчики
+            event.stopImmediatePropagation();
+        }
+    }
+}
diff --git a/resources/views/post/edit.blade.php b/resources/views/post/edit.blade.php
index 400dcfac..ebd6f671 100644
--- a/resources/views/post/edit.blade.php
+++ b/resources/views/post/edit.blade.php
@@ -6,7 +6,7 @@
             <div class="bg-body-tertiary p-4 p-xl-5 rounded">
                 <div class="col-xxl-8 mx-auto">
 
-                    <form method="post">
+                    <form method="post" data-controller="post-preview" data-post-preview-target="form">
                         <div
                             data-controller="tabs"
                             data-tabs-active-tab-class="bg-body-secondary"
@@ -29,7 +29,7 @@
                                         <button
                                             id="preview"
                                             data-tabs-target="tab"
-                                            data-action="click->tabs#change"
+                                            data-action="click->post-preview#validate click->tabs#change"
                                             type="submit"
                                             formaction="{{  route('post.preview') }}"
                                             class="btn btn-link text-decoration-none  link-body-emphasis"