From 5282977ee8792a84cba85560b0b783e826f9d0f9 Mon Sep 17 00:00:00 2001
From: Eniko Tot <eniko.tot@codebrewery.hu>
Date: Tue, 6 Feb 2024 13:08:11 +0100
Subject: [PATCH] [FEATURE] Change apply form validation and change dropzone
border coloring only when form was validated
---
.../Private/Templates/Bootstrap5/Joblist/ApplyForm.html | 2 +-
Resources/Public/Sass/Bootstrap5/_sg-jobs.scss | 9 ++++++---
2 files changed, 7 insertions(+), 4 deletions(-)
diff --git a/Resources/Private/Templates/Bootstrap5/Joblist/ApplyForm.html b/Resources/Private/Templates/Bootstrap5/Joblist/ApplyForm.html
index a089f0d8..3e797295 100644
--- a/Resources/Private/Templates/Bootstrap5/Joblist/ApplyForm.html
+++ b/Resources/Private/Templates/Bootstrap5/Joblist/ApplyForm.html
@@ -218,7 +218,7 @@
<f:translate key="frontend.apply.applyAsNow" arguments="{0: '{job.title}'}" />
</h2>
</f:if>
- <f:form action="apply" class="was-validated" id="apply" controller="Joblist" method="post" name="applyData"
+ <f:form action="apply" class="needs-validation" novalidate="novalidate" id="apply" controller="Joblist" method="post" name="applyData"
object="{applyData}" enctype="multipart/form-data">
<f:if condition="{job}">
<f:then>
diff --git a/Resources/Public/Sass/Bootstrap5/_sg-jobs.scss b/Resources/Public/Sass/Bootstrap5/_sg-jobs.scss
index 529efd35..c8e764e7 100644
--- a/Resources/Public/Sass/Bootstrap5/_sg-jobs.scss
+++ b/Resources/Public/Sass/Bootstrap5/_sg-jobs.scss
@@ -1,11 +1,14 @@
-.dropzone {
+form.was-validated .dropzone {
border-color: var(--b-form-invalid-border-color);
- border-radius: var(--b-border-radius);
- border-style: dashed;
&.dz-started {
border-color: var(--b-form-valid-border-color);
}
+}
+
+.dropzone {
+ border-radius: var(--b-border-radius);
+ border-style: dashed;
.dz-message {
display: grid;
--
GitLab