Modifying layout of AngularJS app using Bootstrap css with added field validations

preview_player
Показать описание
From layout 1 to new layout with added field validation using:
- bootstrap css (form-group, table, panel etc)
- custom user app css (user-form-container, custom button and placement etc)
- some Directive components in ng
i.e.
ng-model-options
ng-min-length
ng-show
ng-disabled

some CSS classes for form
i.e.
ng-invalid
ng-dirty

Noticeable changes are:
- Dynamic form header based on action
- Dynamic input button value 'Add' to 'Save'
- Additional clear fields button
- Disabled button when form has invalid fields
- Better button placement and button custom width

Thanks for watching!
Рекомендации по теме