github.com/fanux/shipyard@v0.0.0-20161009071005-6515ce223235/controller/static/app/accounts/edit.html (about) 1 <div class="ui padded grid"> 2 <div class="row"> 3 <div class="column"> 4 <div class="ui segment"> 5 <div class="ui form" ng-submit="vm.editAccount()" ng-method="post"> 6 <h4 class="ui dividing header">Account Details</h4> 7 <label>First Name</label> 8 <div class="field"> 9 <input type="text" name="firstName" ng-model="vm.firstName"> 10 </div> 11 <label>Last Name</label> 12 <div class="field"> 13 <input type="text" name="lastName" ng-model="vm.lastName"> 14 </div> 15 <label>Password</label> 16 <div class="field"> 17 <input type="password" name="password" ng-model="vm.password"> 18 </div> 19 <label>Roles</label> 20 <div class="field"> 21 <selectize options="vm.roleOptions" ng-model="vm.userRoles" config="vm.roleConfig"></selectize> 22 </div> 23 <div class="ui hidden divider"></div> 24 <div class="ui green submit button">Update Account</div> 25 </div> 26 </div> 27 </div> 28 </div> 29 </div> 30 <script> 31 $(function(){ 32 $('.ui.form') 33 .form({ 34 onSuccess: function() { 35 vm.editAccount(); 36 }, 37 firstName: { 38 identifier : 'firstName', 39 rules: [ 40 { 41 type : 'empty', 42 prompt : 'Please enter a first name' 43 } 44 ] 45 }, 46 lastName: { 47 identifier : 'lastName', 48 rules: [ 49 { 50 type : 'empty', 51 prompt : 'Please enter a last name' 52 } 53 ] 54 } 55 }); 56 57 $('.ui.checkbox').checkbox(); 58 }); 59 </script>