From a7c9a024c6f9bb460d238bd3d933f6df3d7e2cf7 Mon Sep 17 00:00:00 2001
From: Markus Johansson <markus@enkelmedia.se>
Date: Thu, 10 Oct 2024 21:28:25 +0200
Subject: [PATCH] Updated example again to use form. in path

---
 .../validation-context-dashboard.ts           | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/examples/validation-context/validation-context-dashboard.ts b/src/Umbraco.Web.UI.Client/examples/validation-context/validation-context-dashboard.ts
index bd8ede6874..a62e01b25c 100644
--- a/src/Umbraco.Web.UI.Client/examples/validation-context/validation-context-dashboard.ts
+++ b/src/Umbraco.Web.UI.Client/examples/validation-context/validation-context-dashboard.ts
@@ -16,6 +16,9 @@ export class UmbExampleValidationContextDashboard extends UmbLitElement {
 	@state()
   messages? : any[]
 
+	@state()
+	errors : number = 0;
+
 	/**
 	 *
 	 */
@@ -29,6 +32,9 @@ export class UmbExampleValidationContextDashboard extends UmbLitElement {
         this.messages = messages;
       },'observeValidationMessages')
 
+			this.validation.messages.messagesOfPathAndDescendant('$.form').subscribe((value)=>{
+				this.errors = value.length;
+			})
 
     });
 	}
@@ -42,14 +48,16 @@ export class UmbExampleValidationContextDashboard extends UmbLitElement {
 	}
 
 	#handleAddServerValidationError() {
-		this.validation.messages.addMessage('server','$.name','Name server-error message','4875e113-cd0c-4c57-ac92-53d677ba31ec');
-		this.validation.messages.addMessage('server','$.email','Email server-error message','4a9e5219-2dbd-4ce3-8a79-014eb6b12428');
+		this.validation.messages.addMessage('server','$.form.name','Name server-error message','4875e113-cd0c-4c57-ac92-53d677ba31ec');
+		this.validation.messages.addMessage('server','$.form.email','Email server-error message','4a9e5219-2dbd-4ce3-8a79-014eb6b12428');
 	}
 
 	override render() {
 		return html`
 			<uui-box>
 				This is a element with a Validation Context.
+				<hr/>
+				Errors: ${this.errors}
 
 				<uui-form>
 					<form>
@@ -60,7 +68,7 @@ export class UmbExampleValidationContextDashboard extends UmbLitElement {
 								type="text"
 								.value=${this.name}
 								@input=${(e: InputEvent)=>this.name = (e.target as HTMLInputElement).value}
-								${umbBindToValidation(this,'$.name',this.name)}
+								${umbBindToValidation(this,'$.form.name',this.name)}
 								required></uui-input>
 						</uui-form-validation-message>
 						</div>
@@ -70,18 +78,15 @@ export class UmbExampleValidationContextDashboard extends UmbLitElement {
 								type="email"
 								.value=${this.email}
 								@input=${(e: InputEvent)=>this.email = (e.target as HTMLInputElement).value}
-								${umbBindToValidation(this,'$.email',this.email)}
+								${umbBindToValidation(this,'$.form.email',this.email)}
 								required></uui-input>
 						</uui-form-validation-message>
 					</form>
 				</uui-form>
 				<button @click=${this.#handleValidateNow} title="Click to trigger validation on the validation context">Validate now</button>
 				<button @click=${this.#handleAddServerValidationError} title="">Add server error</button>
-
 				<hr/>
 				<pre>${JSON.stringify(this.messages ?? [],null,3)}</pre>
-
-
 			</uui-box>
 		`
 	}