10
10
< h3 class ="panel-title "> New Whitelist Entry</ h3 >
11
11
</ div >
12
12
< div class ="panel-body ">
13
-
14
- < div class ="form-group ">
15
- < label class ="col-sm-2 control-label "> IPv4 Address</ label >
16
- < div class ="col-sm-10 ">
17
- < input type ="text " ng-model ="newIpv4Address " />
18
- </ div >
13
+ < div class ="alert alert-danger alert-dismissable " ng-if ="errorMessage ">
14
+ < button type ="button " class ="close " ng-click ="dismissError() "> ×</ button >
15
+ {{ errorMessage }}
19
16
</ div >
20
- < div class ="form-group ">
21
- < div class ="col-sm-offset-2 col-sm-10 ">
22
- < button type ="button " class ="btn btn-success " ng-click ="createSpec(newIpv4Address) "> Create</ button >
17
+ < div class ="form-horizontal ">
18
+ < div class ="form-group ">
19
+ < label class ="col-sm-3 control-label "> Name</ label >
20
+ < div class ="col-sm-9 ">
21
+ < input type ="text " ng-model ="newIp.name " />
22
+ </ div >
23
+ </ div >
24
+ < div class ="form-group ">
25
+ < label class ="col-sm-3 control-label "> IPv4 Address</ label >
26
+ < div class ="col-sm-9 ">
27
+ < input type ="text " ng-model ="newIp.ipv4Address " />
28
+ </ div >
29
+ </ div >
30
+ < div class ="form-group ">
31
+ < div class ="col-sm-offset-3 col-sm-9 ">
32
+ < button type ="button " class ="btn btn-success " ng-click ="createSpec(newIp) "> Create</ button >
33
+ </ div >
23
34
</ div >
24
35
</ div >
25
36
< div class ="clearfix "> </ div >
26
37
</ div >
27
38
</ div >
28
39
</ div >
29
- <!-- Create User -->
40
+ <!-- Create Whitelist Entry -->
30
41
31
- <!-- Users Table -->
42
+ <!-- Whitelist Table -->
32
43
< div class ="col-xs-12 ">
33
44
< div class ="panel panel-default ">
34
45
< div class ="panel-heading ">
@@ -38,12 +49,14 @@ <h3 class="panel-title">Whitelist Entries</h3>
38
49
< table class ="table table-striped table-bordered ">
39
50
< thead >
40
51
< tr >
52
+ < th > Name</ th >
41
53
< th > IPv4 Address</ th >
42
54
< th > </ th >
43
55
</ tr >
44
56
</ thead >
45
57
< tbody >
46
58
< tr ng-repeat ="spec in specs ">
59
+ < td > {{ spec.Name }}</ td >
47
60
< td > {{ spec.Address }}</ td >
48
61
< td > < button type ="button " class ="btn btn-sm btn-danger " ng-click ="deleteSpec(spec) "> Delete</ button > </ td >
49
62
</ tr >
@@ -52,7 +65,7 @@ <h3 class="panel-title">Whitelist Entries</h3>
52
65
</ div >
53
66
</ div >
54
67
</ div >
55
- <!-- /Users Table -->
68
+ <!-- /Whitelist Table -->
56
69
57
70
</ div >
58
71
<!-- /Content -->
0 commit comments