github.com/fanux/shipyard@v0.0.0-20161009071005-6515ce223235/controller/static/app/login/login.html (about)

     1  <div>
     2  <div style="background-color: rgba(0, 68, 91, 1); position: absolute; top: 0; left: 0; height: 100%; width: 100%; text-align: center;">
     3      <div style="max-width: 25rem; margin: 0 auto;">
     4          <h1 style="margin-top: 100px; margin-bottom: 50px; font-size: 72px; color: #ffffff;">DFace</h1>
     5          <div class="ui form" style="background-color: rgba(255, 255, 255, 0.5); padding: 30px; border-radius: 25px;" ng-submit="vm.login()">
     6              <div class="ui negative icon message" ng-show="vm.error">
     7                  <i class="warning sign icon"></i>
     8                  <div class="content">
     9                      <div class="header">
    10                          {{vm.error}}
    11                      </div>
    12                  </div>
    13              </div>
    14              <div class="field">
    15                  <div class="ui left labeled icon input">
    16                      <input name="username" placeholder="username" type="text" ng-model="vm.username">
    17                      <i class="user icon"></i>
    18                  </div>
    19              </div>
    20              <div class="field">
    21                  <div class="ui left labeled icon input">
    22                      <input name="password" placeholder="password" type="password" ng-model="vm.password">
    23                      <i class="lock icon"></i>
    24                  </div>
    25              </div>
    26              <div class="buttons">
    27                  <div class="ui blue submit button">Login</div>
    28              </div>
    29          </div>
    30      </div>
    31  </div>
    32  </div>
    33  <script type="text/javascript">
    34  $(function(){
    35      $('.ui.form')
    36          .form({
    37              username: {
    38                  identifier : 'username',
    39                  rules: [
    40                  {
    41                      type   : 'empty',
    42                      prompt : 'Please enter a username'
    43                  }
    44                  ]
    45              },
    46              password: {
    47                  identifier : 'password',
    48                  rules: [
    49                  {
    50                      type   : 'empty',
    51                      prompt : 'Please enter a password'
    52                  }
    53                  ]
    54              }
    55          });
    56  });
    57  </script>