From 5fa9939696a35d60d762feb0cebef61d31869218 Mon Sep 17 00:00:00 2001
From: Nicolai Ort <info@nicolai-ort.com>
Date: Fri, 26 Mar 2021 19:02:09 +0100
Subject: [PATCH] Added more cirteria to the password strength component

ref #106
---
 src/components/auth/PasswordStrength.svelte | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/components/auth/PasswordStrength.svelte b/src/components/auth/PasswordStrength.svelte
index 2db8981d..4569a248 100644
--- a/src/components/auth/PasswordStrength.svelte
+++ b/src/components/auth/PasswordStrength.svelte
@@ -2,13 +2,28 @@
     import { getLocaleFromNavigator, _ } from "svelte-i18n";
     import { passwordStrength } from "check-password-strength";
     export let password_change;
+    export let password_confirm;
     $: strength = passwordStrength(password_change);
+    $: passwords_match = (!password_confirm || (password_confirm === password_change))
 </script>
 
-<div>
-    <ul>
+<div class="ml-4">
+    {(passwords_match)}
+    <ul class="list-disc font-medium tracking-wide text-red-500 text-xs">
         {#if !strength.contains.includes('lowercase')}
-            <li>Must contain a lowercase letter</li>
+            <li>Must contain a lowercase letter!</li>
+        {/if}
+        {#if !strength.contains.includes('uppercase')}
+            <li>Must contain a uppercase letter!</li>
+        {/if}
+        {#if !strength.contains.includes('number')}
+            <li>Must contain a number letter!</li>
+        {/if}
+        {#if !(strength.length>9)}
+            <li>Must be at least 10 characters long!</li>
+        {/if}
+        {#if !(passwords_match==true)}
+            <li>Passwords don't match!</li>
         {/if}
     </ul>
 </div>