From 7d4e547b8d21233e80bc6cb8668a505206e57ab3 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <mads@umbraco.com>
Date: Mon, 8 Aug 2016 14:30:59 +0200
Subject: [PATCH] Fixes: U4-8820 Healthcheck dashboard should validate input
 for notification email

---
 .../dashboard/developer/healthcheck.html      | 22 ++++++++++++++-----
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/dashboard/developer/healthcheck.html b/src/Umbraco.Web.UI.Client/src/views/dashboard/developer/healthcheck.html
index e528c1d06d..54eeb09045 100644
--- a/src/Umbraco.Web.UI.Client/src/views/dashboard/developer/healthcheck.html
+++ b/src/Umbraco.Web.UI.Client/src/views/dashboard/developer/healthcheck.html
@@ -97,12 +97,22 @@
 
                             <div class="umb-healthcheck-group__details-status-actions" ng-if="status.actions">
                                 <div class="umb-healthcheck-group__details-status-action" ng-repeat="action in status.actions">
-                                    <div ng-show="action.valueRequired">
-                                        <div><label class="bold">Set new value:</label></div>
-                                        <input type="text" ng-model="action.providedValue" required/>
-                                    </div>
-                                    
-                                    <button type="button" class="umb-era-button -blue" ng-click="vm.executeAction(check, $parent.$index, action);">{{action.name}}</button>                                    
+                                    <ng-form name="healthCheckAction">
+
+                                        <div ng-if="action.valueRequired">
+                                            <div><label class="bold">Set new value:</label></div>
+                                            <input name="providedValue" type="text" ng-model="action.providedValue" required val-email/>
+                                        </div>
+
+                                        <button
+                                            class="umb-era-button -blue"
+                                            ng-class="{ '-inactive': healthCheckAction.providedValue.$invalid}"
+                                            ng-click="vm.executeAction(check, $parent.$index, action);"
+                                            ng-disabled="healthCheckAction.providedValue.$invalid">
+                                            {{action.name}}
+                                        </button>
+
+                                    </ng-form>
 
                                     <div class="umb-healthcheck-group__details-status-action-description" ng-if="action.description" ng-bind-html="action.description"></div>
                                 </div>