From c4957148678063f96e66a137d6bb225a1ab64b9f Mon Sep 17 00:00:00 2001
From: "Florine W. Dekker" <florine@fwdekker.com>
Date: Fri, 16 Dec 2022 21:39:05 +0100
Subject: [PATCH] Let form declare status card

---
 package.json              | 2 +-
 src/main/js/Validation.ts | 4 +++-
 src/test/index.html       | 4 ++--
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 0d4c2c3..c668ae5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@fwdekker/template",
-    "version": "3.5.7",
+    "version": "3.6.0",
     "description": "The base template for pages on fwdekker.com.",
     "author": "Florine W. Dekker",
     "license": "MIT",
diff --git a/src/main/js/Validation.ts b/src/main/js/Validation.ts
index d95161b..e889662 100644
--- a/src/main/js/Validation.ts
+++ b/src/main/js/Validation.ts
@@ -27,7 +27,9 @@ export function showMessageType(card: HTMLElement | HTMLFormElement,
                                 message?: string,
                                 type?: "busy" | "error" | "info" | "success" | "warning"): void {
     if (card instanceof HTMLFormElement) {
-        const formCard = $(`article[data-status-for="${card.id}"]`);
+        if (card.dataset.statusCard == null) return;
+
+        const formCard = $(`#${card.dataset.statusCard}`);
         if (formCard == null) return;
 
         card = formCard;
diff --git a/src/test/index.html b/src/test/index.html
index 1dab504..f474c70 100644
--- a/src/test/index.html
+++ b/src/test/index.html
@@ -61,8 +61,8 @@
                         <h3>Already have an account? Welcome back!</h3>
                     </hgroup>
                 </header>
-                <form id="test-form" novalidate>
-                    <article class="status-card hidden" data-status-for="test-form">
+                <form id="test-form" data-status-card="test-status-card" novalidate>
+                    <article id="test-status-card" class="status-card hidden">
                         <output>Congrats!</output>
                         <a class="close" href="#" aria-label="Close"></a>
                     </article>