From: ThibG <thib@sitedethib.com>
Date: Wed, 12 Aug 2020 10:11:15 +0000 (+0200)
Subject: [Glitch] Add client-side validation in password change forms
X-Git-Url: https://git.xn--scling-oua.cat.family/?a=commitdiff_plain;h=0f71372d6337f695a87c7158c52b93e49acc215d;p=mastodon.git

[Glitch] Add client-side validation in password change forms

Port 7dc4c742650ac69ec9a4459b656e172283511e4c to glitch-soc

Signed-off-by: Thibaut Girka <thib@sitedethib.com>
---

diff --git a/app/javascript/flavours/glitch/packs/public.js b/app/javascript/flavours/glitch/packs/public.js
index 8168e87da..b9b588dc6 100644
--- a/app/javascript/flavours/glitch/packs/public.js
+++ b/app/javascript/flavours/glitch/packs/public.js
@@ -105,6 +105,18 @@ function main() {
       }
     });
 
+    delegate(document, '#user_password,#user_password_confirmation', 'input', () => {
+      const password = document.getElementById('user_password');
+      const confirmation = document.getElementById('user_password_confirmation');
+      if (!confirmation) return;
+
+      if (password.value && password.value !== confirmation.value) {
+        confirmation.setCustomValidity((new IntlMessageFormat(messages['password_confirmation.mismatching'] || 'Password confirmation does not match', locale)).format());
+      } else {
+        confirmation.setCustomValidity('');
+      }
+    });
+
     delegate(document, '.custom-emoji', 'mouseover', getEmojiAnimationHandler('data-original'));
     delegate(document, '.custom-emoji', 'mouseout', getEmojiAnimationHandler('data-static'));