@@ -12,29 +12,6 @@ template: none
1212
1313%h1 Districts
1414
15- -#%button.btn-white{'ng-click' => 'district.creation = true'}
16- -# New District
17-
18- :scss
19- .districts input.ng-invalid.ng-dirty {
20- background-color: #EDD;
21- }
22-
23- .districts td > span {
24- position: relative;
25- }
26-
27- input.ng-invalid + span.error,
28- select.ng-invalid + span.error {
29- display: inline;
30- position: absolute;
31- top: 20px;
32- left: 0px;
33- font-size: 0.6em;
34- font-weight: bold;
35- color: #900;
36- }
37-
3815%table.districts{style:'width:100%; margin-top:20px;'}
3916 %tr
4017 %th.manage-th
@@ -51,7 +28,7 @@ template: none
5128 %td
5229 %span{'ng-hide' => 'district.editing'}
5330 {{district.name}}
54- %span {'ng-show' => 'district.editing'}
31+ %span {'ng-show' => 'district.editing'}
5532 %input{'ng-model' => 'district.name', type: 'text', name: 'name', 'ng-required' => 'true'}
5633 %span.error{'ng-show' => 'form.name.$error.required'} Name is required
5734 %td
@@ -63,7 +40,7 @@ template: none
6340 %input{'ng-show' => 'district.editing', 'ng-model' => 'district.contact.name', type: 'text', placeholder: 'Name'}
6441 %td
6542 %span{'ng-hide' => 'district.editing'} {{district.contact.email}}
66- %span{'ng-show' => 'district.editing'}
43+ %span{'ng-show' => 'district.editing'}
6744 %input{'ng-model' => 'district.contact.email', type: 'email', placeholder: 'Email', name: 'email'}
6845 %span.error{'ng-show' => 'form.email.$error.email'} Invalid email address
6946
@@ -93,3 +70,23 @@ template: none
9370 .btn {
9471 width:48%
9572 }
73+
74+ :scss
75+ .districts input .ng-invalid.ng-dirty {
76+ background-color : #EDD ;
77+ }
78+
79+ .districts td > span {
80+ position : relative ;
81+ }
82+
83+ input .ng-invalid + span .error ,
84+ select .ng-invalid + span .error {
85+ display : inline ;
86+ position : absolute ;
87+ top : 20px ;
88+ left : 0px ;
89+ font-size : 0.6em ;
90+ font-weight : bold ;
91+ color : #900 ;
92+ }
0 commit comments