From 29509d8a382f54a8a6dd3f7602cebce6fe9b94db Mon Sep 17 00:00:00 2001
From: Michael Bromley <michael@michaelbromley.co.uk>
Date: Wed, 29 May 2019 14:51:49 +0200
Subject: [PATCH] feat(admin-ui): Validate slug pattern in product detail form

Relates to #103
---
 .../product-detail/product-detail.component.html          | 8 ++++++--
 admin-ui/src/i18n-messages/en.json                        | 1 +
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/admin-ui/src/app/catalog/components/product-detail/product-detail.component.html b/admin-ui/src/app/catalog/components/product-detail/product-detail.component.html
index dca51cb935..58f1bb44bf 100644
--- a/admin-ui/src/app/catalog/components/product-detail/product-detail.component.html
+++ b/admin-ui/src/app/catalog/components/product-detail/product-detail.component.html
@@ -58,8 +58,12 @@
                                     (input)="updateSlug($event.target.value)"
                                 />
                             </vdr-form-field>
-                            <vdr-form-field [label]="'catalog.slug' | translate" for="slug">
-                                <input id="slug" type="text" formControlName="slug" />
+                            <vdr-form-field
+                                [label]="'catalog.slug' | translate"
+                                for="slug"
+                                [errors]="{ pattern: 'catalog.slug-pattern-error' | translate }"
+                            >
+                                <input id="slug" type="text" formControlName="slug" pattern="[a-z0-9_-]+" />
                             </vdr-form-field>
                             <vdr-rich-text-editor
                                 formControlName="description"
diff --git a/admin-ui/src/i18n-messages/en.json b/admin-ui/src/i18n-messages/en.json
index f08be8cf6b..9dcd50ea91 100644
--- a/admin-ui/src/i18n-messages/en.json
+++ b/admin-ui/src/i18n-messages/en.json
@@ -86,6 +86,7 @@
     "set-as-featured-asset": "Set as featured asset",
     "sku": "SKU",
     "slug": "Slug",
+    "slug-pattern-error": "The slug may only contain letters, numbers, - and _",
     "stock-on-hand": "Stock",
     "tax-category": "Tax category",
     "taxes": "Taxes",