public/app/login/login.html

   1 <div id="login" class="flex-scrollable" layout="column" ms-scroll>
   2     <div id="login-form-wrapper" layout="column" layout-align="center center">
   3         <div id="login-form" class="md-whiteframe-8dp">
   4
   5             <img src="/api/settings/1/logo_login" alt="logo_login" />
   6             <!-- <img src="assets/images/logos/login.png" alt="motion_logo_login" /> -->
   7
   8             <div class="md-subhead padding-top-45" translate="LOGIN.TITLE">Log in to your account</div>
   9
  10             <form name="loginForm" novalidate>
  11                 <md-input-container class="md-block" md-no-float>
  12                     <input type="input" name="name" ng-model="vm.form.name" autofocus aria-label="username" translate translate-attr-placeholder="LOGIN.USERNAME" required>
  13                     <div ng-messages="loginForm.name.$error" role="alert" multiple>
  14                         <div ng-message="required">
  15                             <span translate="LOGIN.ERRORS.USERNAME_REQUIRED">Username field is required</span>
  16                         </div>
  17                     </div>
  18                 </md-input-container>
  19
  20                 <md-input-container class="md-block" md-no-float>
  21                     <input type="password" name="password" ng-model="vm.form.password" aria-label="password" translate translate-attr-placeholder="LOGIN.PASSWORD" required>
  22                     <div ng-messages="loginForm.password.$error" role="alert" multiple>
  23                         <div ng-message="required">
  24                             <span translate="LOGIN.ERRORS.PASSWORD_REQUIRED">Password field is required</span>
  25                         </div>
  26                     </div>
  27                 </md-input-container>
  28
  29                 <!-- <div class="remember-forgot-password" layout="row" layout-xs="column" layout-align="space-between center">
  30                     <md-checkbox class="remember-me" ng-model="data.cb1" aria-label="Remember Me">
  31                         <span translate="LOGIN.REMEMBER_ME">Remember Me</span>
  32                     </md-checkbox>
  33                     <a ui-sref="app.pages_auth_forgot-password" class="forgot-password md-accent-color" translate="LOGIN.FORGOT_PASSWORD">Forgot Password?</a>
  34                 </div> -->
  35
  36                 <b layout="row" layout-align="center center" class="md-padding" ng-if="vm.message"><font color="red">{{vm.message}}</font></b>
  37                 <md-button type="submit" ng-click="vm.login()" class="md-raised md-accent submit-button" aria-label="LOG IN" aria-label="LOGIN" translate="LOGIN.LOG_IN" translate-attr-aria-label="LOGIN.LOG_IN">
  38                     LOG IN
  39                 </md-button>
  40             </form>
  41
  42             <div class="separator">
  43                 <span class="text" translate="LOGIN.OR">OR</span>
  44             </div>
  45
  46             <md-button ng-click="vm.loginOauth('google')" class="md-raised google">
  47                 <div layout="row" layout-align="center center">
  48                     <span>
  49                         <md-icon md-font-icon="icon-google-plus" class="s16"></md-icon>
  50                         <span translate="LOGIN.WITH_GOOGLE">Log in with Google</span>
  51                     </span>
  52                 </div>
  53             </md-button>
  54         </div>
  55     </div>
  56 </div>