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>