From 23b61aef0c3c2e1c544091cdcc582a5b16a8d57d Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Thu, 21 Jan 2016 15:52:24 +0100
Subject: [PATCH] Use client side pattern validation for setup password

---
 webadmin/src/views/setup/step2.html | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/webadmin/src/views/setup/step2.html b/webadmin/src/views/setup/step2.html
index 510731f0b..5f4fa7728 100644
--- a/webadmin/src/views/setup/step2.html
+++ b/webadmin/src/views/setup/step2.html
@@ -17,7 +17,10 @@
             <input type="email" class="form-control" ng-model="wizard.email" id="inputEmail" name="email" placeholder="Email" ng-enter="focusNext('inputPassword', setup_form.email.$invalid)" required autocomplete="off">
         </div>
         <div class="form-group" ng-class="{ 'has-error': setup_form.password.$dirty && setup_form.password.$invalid }">
-            <input type="password" class="form-control" ng-model="wizard.password" id="inputPassword" name="password" placeholder="Password" ng-enter="next(setup_form.username.$invalid || setup_form.password.$invalid || setup_form.email.$invalid)" ng-maxlength="30" ng-minlength="8" required autocomplete="off">
+            <div class="control-label" ng-show="setup_form.password.$dirty && setup_form.password.$invalid">
+                <small ng-show="setup_form.password.$dirty && setup_form.password.$invalid">Password must be 8-30 character with at least one uppercase, one numeric and one special character</small>
+            </div>
+            <input type="password" class="form-control" ng-model="wizard.password" id="inputPassword" name="password" placeholder="Password" ng-enter="next(setup_form.username.$invalid || setup_form.password.$invalid || setup_form.email.$invalid)" ng-pattern="/^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9])(?!.*\s).{8,30}$/" required autocomplete="off">
         </div>
     </div>
 </div>