@@ -40,31 +40,39 @@ <h3 ng-if="isModify">Update User</h3>
4040 < div class ="form-group ">
4141 < label for ="inputSpark " class ="col-sm-4 control-label "> Spark Account*</ label >
4242 < div class ="col-sm-8 ">
43- < input type ="email " name ="id " ng-model ="user.id " class ="form-control " id ="inputSpark " placeholder ="Spark Account e.g. robot@ge.com " required >
43+ < input type ="email " name ="id " ng-model ="user.id " ng-disabled ="isModify " class ="form-control " id ="inputSpark " placeholder ="Spark Account e.g. robot@cisco.com " required ng-blur ="checkUserID(user.id) ">
44+ < span class ="error " ng-show ="userForm.id.$dirty && userForm.id.$error.required "> Spark account is required. </ span >
45+ < span class ="error " ng-show ="userForm.id.$error.acountvalid "> Invalid Spark account. </ span >
4446 </ div >
4547 </ div >
4648 < div class ="form-group ">
4749 < label for ="inputName " class ="col-sm-4 control-label "> Name*</ label >
4850 < div class ="col-sm-8 ">
49- < input type ="text " ng-model ="user.name " class ="form-control " id ="inputName " placeholder ="Name " required >
51+ < input type ="text " name ="name " ng-model ="user.name " class ="form-control " id ="inputName " placeholder ="Name " required >
52+ < span class ="error " ng-show ="userForm.name.$dirty && userForm.name.$error.required "> Name is required. </ span >
5053 </ div >
5154 </ div >
5255 < div class ="form-group ">
5356 < label for ="inputBudget " class ="col-sm-4 control-label "> Budget*</ label >
5457 < div class ="col-sm-8 ">
55- < input type ="number " ng-model ="user.budget " class ="form-control " id ="inputBudget " placeholder ="Budget " required >
58+ < input type ="number " name ="budget " ng-model ="user.budget " class ="form-control " id ="inputBudget " placeholder ="Budget " required budgetvalid >
59+ < span class ="error " ng-show ="userForm.budget.$dirty && userForm.budget.$error.required "> Budget is required. </ span >
60+ < span class ="error " ng-show ="userForm.budget.$error.budgetvalid "> Budget should be greater than balance. </ span >
5661 </ div >
5762 </ div >
5863 < div class ="form-group ">
5964 < label for ="inputBalance " class ="col-sm-4 control-label "> Balance*</ label >
6065 < div class ="col-sm-8 ">
61- < input type ="number " ng-model ="user.balance " class ="form-control " id ="inputBalance " placeholder ="Balance " required >
66+ < input type ="number " name ="balance " ng-model ="user.balance " class ="form-control " id ="inputBalance " placeholder ="Balance " required budgetvalid >
67+ < span class ="error " ng-show ="userForm.balance.$dirty && userForm.balance.$error.required "> Balance is required. </ span >
68+ < span class ="error " ng-show ="userForm.balance.$error.budgetvalid "> Budget should be greater than balance. </ span >
6269 </ div >
6370 </ div >
6471 < div class ="form-group ">
6572 < label for ="inputBU " class ="col-sm-4 control-label "> BU*</ label >
6673 < div class ="col-sm-8 ">
67- < input type ="text " ng-model ="user.bu " class ="form-control " id ="inputBU " placeholder ="BU " required >
74+ < input type ="text " name ="bu " ng-model ="user.bu " class ="form-control " id ="inputBU " placeholder ="BU " required >
75+ < span class ="error " ng-show ="userForm.bu.$dirty && userForm.bu.$error.required "> BU is required. </ span >
6876 </ div >
6977 </ div >
7078 < div class ="form-group ">
@@ -75,13 +83,7 @@ <h3 ng-if="isModify">Update User</h3>
7583 ng-options ="role.id as role.roleName for role in roles ">
7684 < option value =""> Please choose one role...</ option >
7785 </ select >
78- <!--
79- <input type="text" ng-model="user.roleName" class="form-control" id="inputRole" placeholder="Role" required>
80-
81- <select id="slt_role" ng-model="user.roleID" class="form-control" >
82- <option value="">Please choose one role...</option>
83- <option ng-repeat="role in roles" value="{{role.id}}">{{role.roleName}}</option>
84- </select>-->
86+
8587 </ div >
8688 </ div >
8789 < div class ="form-group ">
@@ -99,7 +101,7 @@ <h3 ng-if="isModify">Update User</h3>
99101 </ form >
100102 </ div >
101103 < div class ="modal-footer ">
102- < button type ="submit " class ="btn btn-default " ng-click ="submitUserData() "> Submit</ button >
104+ < button type ="submit " class ="btn btn-default " ng-click ="submitUserData() " ng-disabled =" userForm.id.$invalid || userForm.name.$invalid ||userForm.budget.$invalid || userForm.balance.$invalid || userForm.bu.$invalid " > Submit</ button > <!-- -- >
103105 < button type ="cancel " class ="btn btn-default " ng-click ="closeUserModal() "> Cancel</ button >
104106 </ div >
105107 </ script >
0 commit comments